@jbrowse/plugin-config 3.7.0 → 4.0.0

package/esm/ConfigurationEditorWidget/components/BooleanEditor.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Checkbox, FormControl, FormControlLabel, FormHelperText, } from '@mui/material';
 import { observer } from 'mobx-react';
-const BooleanEditor = observer(function ({ slot, }) {
+const BooleanEditor = observer(function BooleanEditor({ slot, }) {
     return (_jsxs(FormControl, { children: [_jsx(FormControlLabel, { label: slot.name, control: _jsx(Checkbox, { checked: slot.value, onChange: evt => {
                         slot.set(evt.target.checked);
                     } }) }), _jsx(FormHelperText, { children: slot.description })] }));

package/esm/ConfigurationEditorWidget/components/CallbackEditor.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { useDebounce } from '@jbrowse/core/util';
+import { useState, useTransition } from 'react';
 import { stringToJexlExpression } from '@jbrowse/core/util/jexlStrings';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
+import { getEnv } from '@jbrowse/mobx-state-tree';
 import HelpIcon from '@mui/icons-material/Help';
 import { IconButton, TextField, Tooltip } from '@mui/material';
 import { observer } from 'mobx-react';
-import { getEnv } from 'mobx-state-tree';
-import { makeStyles } from 'tss-react/mui';
 const fontFamily = 'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace';
 const useStyles = makeStyles()(theme => ({
     callbackEditor: {
@@ -27,31 +26,32 @@ const useStyles = makeStyles()(theme => ({
         fontSize: '0.8em',
     },
 }));
-const CallbackEditor = observer(function ({ slot, }) {
+function validateAndSetCode(code, slot, setCodeError) {
+    try {
+        const jexlCode = code.startsWith('jexl:') ? code : `jexl:${code}`;
+        if (jexlCode === 'jexl:') {
+            throw new Error('Empty jexl expression is not valid');
+        }
+        stringToJexlExpression(jexlCode, getEnv(slot).pluginManager?.jexl);
+        slot.set(jexlCode);
+        setCodeError(undefined);
+    }
+    catch (e) {
+        console.error({ e });
+        setCodeError(e);
+    }
+}
+const CallbackEditor = observer(function CallbackEditor({ slot, }) {
     const { classes } = useStyles();
     const [code, setCode] = useState(slot.value);
     const [error, setCodeError] = useState();
-    const debouncedCode = useDebounce(code, 400);
-    useEffect(() => {
-        var _a;
-        try {
-            const jexlDebouncedCode = debouncedCode.startsWith('jexl:')
-                ? debouncedCode
-                : `jexl:${debouncedCode}`;
-            if (jexlDebouncedCode === 'jexl:') {
-                throw new Error('Empty jexl expression is not valid');
-            }
-            stringToJexlExpression(jexlDebouncedCode, (_a = getEnv(slot).pluginManager) === null || _a === void 0 ? void 0 : _a.jexl);
-            slot.set(jexlDebouncedCode);
-            setCodeError(undefined);
-        }
-        catch (e) {
-            console.error({ e });
-            setCodeError(e);
-        }
-    }, [debouncedCode, slot]);
+    const [, startTransition] = useTransition();
     return (_jsxs(_Fragment, { children: [error ? _jsx("p", { className: classes.error, children: `${error}` }) : null, _jsxs("div", { className: classes.callbackContainer, children: [_jsx(TextField, { multiline: true, className: classes.callbackEditor, value: code.startsWith('jexl:') ? code.split('jexl:')[1] : code, onChange: event => {
-                            setCode(event.target.value);
+                            const value = event.target.value;
+                            setCode(value);
+                            startTransition(() => {
+                                validateAndSetCode(value, slot, setCodeError);
+                            });
                         }, style: { background: error ? '#fdd' : undefined }, slotProps: {
                             input: {
                                 classes: {

package/esm/ConfigurationEditorWidget/components/ColorEditor.js

@@ -4,7 +4,7 @@ import ColorPicker from '@jbrowse/core/ui/ColorPicker';
 import { TextField } from '@mui/material';
 import { observer } from 'mobx-react';
 export const ColorSlot = (props) => {
-    const { value = '#000', label = '', TextFieldProps = {}, onChange } = props;
+    const { value, label = '', TextFieldProps = {}, onChange } = props;
     const [displayed, setDisplayed] = useState(false);
     return (_jsxs("div", { style: { display: 'flex' }, children: [_jsx(TextField, { value: value, label: label, onClick: () => {
                     setDisplayed(!displayed);
@@ -14,7 +14,7 @@ export const ColorSlot = (props) => {
                             onChange(event);
                         } }) }) })] }));
 };
-const ColorEditor = observer(function (props) {
+const ColorEditor = observer(function ColorEditor(props) {
     const { slot } = props;
     return (_jsx(ColorSlot, { label: slot.name, value: slot.value, onChange: color => {
             slot.set(color);

package/esm/ConfigurationEditorWidget/components/ConfigurationEditor.d.ts

@@ -2,7 +2,7 @@ import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import type { AbstractSessionModel } from '@jbrowse/core/util';
 declare const ConfigurationEditor: ({ model, }: {
     model: {
-        target: AnyConfigurationModel;
+        target?: AnyConfigurationModel;
     };
     session?: AbstractSessionModel;
 }) => import("react/jsx-runtime").JSX.Element;

package/esm/ConfigurationEditorWidget/components/ConfigurationEditor.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { getTypeNamesFromExplicitlyTypedUnion, isConfigurationSchemaType, isConfigurationSlotType, readConfObject, } from '@jbrowse/core/configuration';
 import SanitizedHTML from '@jbrowse/core/ui/SanitizedHTML';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
+import { getMembers } from '@jbrowse/mobx-state-tree';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import { Accordion, AccordionDetails, AccordionSummary, FormGroup, Typography, } from '@mui/material';
 import { observer } from 'mobx-react';
-import { getMembers } from 'mobx-state-tree';
 import { singular } from 'pluralize';
-import { makeStyles } from 'tss-react/mui';
-import SlotEditor from './SlotEditor';
-import TypeSelector from './TypeSelector';
+import SlotEditor from "./SlotEditor.js";
+import TypeSelector from "./TypeSelector.js";
 const useStyles = makeStyles()(theme => ({
     icon: {
         color: theme.palette.tertiary.contrastText || '#fff',
@@ -25,7 +25,7 @@ const useStyles = makeStyles()(theme => ({
         overflowX: 'auto',
     },
 }));
-const Member = observer(function (props) {
+const Member = observer(function Member(props) {
     const { classes } = useStyles();
     const { slotName, slotSchema, schema, slot = schema[slotName], path = [], } = props;
     if (isConfigurationSchemaType(slotSchema)) {
@@ -53,15 +53,18 @@ const Member = observer(function (props) {
         return null;
     }
 });
-const Schema = observer(function ({ schema, path = [], }) {
+const Schema = observer(function Schema({ schema, path = [], }) {
     const properties = getMembers(schema).properties;
     return (_jsx(_Fragment, { children: Object.entries(properties).map(([slotName, slotSchema]) => (_jsx(Member, { slotName: slotName, slotSchema: slotSchema, path: path, schema: schema }, slotName))) }));
 });
-const ConfigurationEditor = observer(function ({ model, }) {
+const ConfigurationEditor = observer(function ConfigurationEditor({ model, }) {
     const { classes } = useStyles();
-    const { target } = model;
+    const target = model.target;
+    if (!target) {
+        return _jsx(Typography, { children: "No configuration target" });
+    }
     const key = readConfObject(target, 'trackId');
     const name = readConfObject(target, 'name');
-    return (_jsxs(Accordion, { defaultExpanded: true, className: classes.accordion, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.icon }), children: _jsx(Typography, { children: _jsx(SanitizedHTML, { html: name !== null && name !== void 0 ? name : 'Configuration' }) }) }), _jsx(AccordionDetails, { className: classes.expansionPanelDetails, "data-testid": "configEditor", children: _jsx(Schema, { schema: target }) })] }, key));
+    return (_jsxs(Accordion, { defaultExpanded: true, className: classes.accordion, children: [_jsx(AccordionSummary, { expandIcon: _jsx(ExpandMoreIcon, { className: classes.icon }), children: _jsx(Typography, { children: _jsx(SanitizedHTML, { html: name ?? 'Configuration' }) }) }), _jsx(AccordionDetails, { className: classes.expansionPanelDetails, "data-testid": "configEditor", children: _jsx(Schema, { schema: target }) })] }, key));
 });
 export default ConfigurationEditor;

package/esm/ConfigurationEditorWidget/components/HeadingComponent.d.ts

@@ -1,6 +1,6 @@
 declare const HeadingComponent: ({ model, }: {
     model?: {
-        target: {
+        target?: {
             type: string;
         };
     };

package/esm/ConfigurationEditorWidget/components/HeadingComponent.js

@@ -1,13 +1,14 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { getType, isStateTreeNode } from '@jbrowse/mobx-state-tree';
 import { observer } from 'mobx-react';
-import { getType, isStateTreeNode } from 'mobx-state-tree';
-const HeadingComponent = observer(function ({ model, }) {
-    if (model === null || model === void 0 ? void 0 : model.target) {
-        if (model.target.type) {
-            return `${model.target.type} settings`;
+const HeadingComponent = observer(function HeadingComponent({ model, }) {
+    const target = model?.target;
+    if (target) {
+        if (target.type) {
+            return `${target.type} settings`;
         }
-        if (isStateTreeNode(model.target)) {
-            const type = getType(model.target);
+        if (isStateTreeNode(target)) {
+            const type = getType(target);
             if (type.name) {
                 return `${type.name.replace('ConfigurationSchema', '')} settings`;
             }

package/esm/ConfigurationEditorWidget/components/JsonEditor.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { InputLabel, TextField } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
 const fontSize = '12px';
 const fontFamily = 'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace';
 const useStyles = makeStyles()(theme => ({

package/esm/ConfigurationEditorWidget/components/NumberEditor.js

@@ -1,14 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { observer } from 'mobx-react';
-import ConfigurationTextField from './ConfigurationTextField';
-const NumberEditor = observer(function ({ slot, }) {
+import ConfigurationTextField from "./ConfigurationTextField.js";
+const NumberEditor = observer(function NumberEditor({ slot, }) {
     const [val, setVal] = useState(slot.value);
     useEffect(() => {
-        var _a;
         const num = Number.parseFloat(val);
         if (Number.isNaN(num)) {
-            (_a = slot.reset) === null || _a === void 0 ? void 0 : _a.call(slot);
+            slot.reset?.();
         }
         else {
             slot.set(num);

package/esm/ConfigurationEditorWidget/components/NumberMapEditor.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import AddIcon from '@mui/icons-material/Add';
 import DeleteIcon from '@mui/icons-material/Delete';
 import { Card, CardContent, CardHeader, FormHelperText, IconButton, InputAdornment, InputLabel, TextField, } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import NumberEditor from './NumberEditor';
+import NumberEditor from "./NumberEditor.js";
 const useStyles = makeStyles()(theme => ({
     card: {
         marginTop: theme.spacing(1),
     },
 }));
-const NumberMapEditor = observer(function ({ slot, }) {
+const NumberMapEditor = observer(function NumberMapEditor({ slot, }) {
     const { classes } = useStyles();
     const [value, setValue] = useState('');
     return (_jsxs(_Fragment, { children: [_jsx(InputLabel, { children: slot.name }), [...slot.value].map(([key, val]) => (_jsxs(Card, { raised: true, className: classes.card, children: [_jsx(CardHeader, { title: key, action: _jsx(IconButton, { onClick: () => {

package/esm/ConfigurationEditorWidget/components/SlotEditor.d.ts

@@ -1,4 +1,4 @@
-import type { IAnyType } from 'mobx-state-tree';
+import type { IAnyType } from '@jbrowse/mobx-state-tree';
 declare const SlotEditor: ({ slot, slotSchema, }: {
     slot: any;
     slotSchema: IAnyType;

package/esm/ConfigurationEditorWidget/components/SlotEditor.js

@@ -3,32 +3,32 @@ import { useEffect, useState } from 'react';
 import { FileSelector } from '@jbrowse/core/ui';
 import { getEnv } from '@jbrowse/core/util';
 import { getSubType, getUnionSubTypes } from '@jbrowse/core/util/mst-reflection';
+import { getPropertyMembers } from '@jbrowse/mobx-state-tree';
 import RadioButtonUncheckedIcon from '@mui/icons-material/RadioButtonUnchecked';
 import { IconButton, MenuItem, Paper, SvgIcon, TextField } from '@mui/material';
 import { observer } from 'mobx-react';
-import { getPropertyMembers } from 'mobx-state-tree';
-import BooleanEditor from './BooleanEditor';
-import CallbackEditor from './CallbackEditor';
-import ColorEditor from './ColorEditor';
-import ConfigurationTextField from './ConfigurationTextField';
-import JsonEditor from './JsonEditor';
-import NumberEditor from './NumberEditor';
-import NumberMapEditor from './NumberMapEditor';
-import StringArrayEditor from './StringArrayEditor';
-import StringArrayMapEditor from './StringArrayMapEditor';
-import { useSlotEditorStyles } from './useSlotEditorStyles';
-const StringEditor = observer(function ({ slot, }) {
+import BooleanEditor from "./BooleanEditor.js";
+import CallbackEditor from "./CallbackEditor.js";
+import ColorEditor from "./ColorEditor.js";
+import ConfigurationTextField from "./ConfigurationTextField.js";
+import JsonEditor from "./JsonEditor.js";
+import NumberEditor from "./NumberEditor.js";
+import NumberMapEditor from "./NumberMapEditor.js";
+import StringArrayEditor from "./StringArrayEditor.js";
+import StringArrayMapEditor from "./StringArrayMapEditor.js";
+import { useSlotEditorStyles } from "./useSlotEditorStyles.js";
+const StringEditor = observer(function StringEditor({ slot, }) {
     return (_jsx(ConfigurationTextField, { label: slot.name, helperText: slot.description, value: slot.value, onChange: evt => {
             slot.set(evt.target.value);
         } }));
 });
-const TextEditor = observer(function ({ slot, }) {
+const TextEditor = observer(function TextEditor({ slot, }) {
     return (_jsx(TextField, { label: slot.name, helperText: slot.description, multiline: true, value: slot.value, onChange: evt => {
             slot.set(evt.target.value);
         } }));
 });
 const SvgCheckbox = () => (_jsx(SvgIcon, { children: _jsx("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" }) }));
-const IntegerEditor = observer(function ({ slot, }) {
+const IntegerEditor = observer(function IntegerEditor({ slot, }) {
     const [val, setVal] = useState(slot.value);
     useEffect(() => {
         const num = Number.parseInt(val, 10);
@@ -40,18 +40,17 @@ const IntegerEditor = observer(function ({ slot, }) {
             setVal(evt.target.value);
         } }));
 });
-const StringEnumEditor = observer(function ({ slot, slotSchema, }) {
+const StringEnumEditor = observer(function StringEnumEditor({ slot, slotSchema, }) {
     const p = getPropertyMembers(getSubType(slotSchema));
     const choices = getUnionSubTypes(getUnionSubTypes(getSubType(p.properties.value))[1]).map(t => t.value);
     return (_jsx(ConfigurationTextField, { value: slot.value, label: slot.name, select: true, helperText: slot.description, onChange: evt => {
             slot.set(evt.target.value);
         }, children: choices.map(str => (_jsx(MenuItem, { value: str, children: str }, str))) }));
 });
-const FileSelectorWrapper = observer(function ({ slot, }) {
-    var _a;
+const FileSelectorWrapper = observer(function FileSelectorWrapper({ slot, }) {
     return (_jsx(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 }));
+        }, name: slot.name, description: slot.description, rootModel: getEnv(slot).pluginManager.rootModel }));
 });
 const valueComponents = {
     string: StringEditor,
@@ -68,7 +67,7 @@ const valueComponents = {
     frozen: JsonEditor,
     configRelationships: JsonEditor,
 };
-const SlotEditor = observer(function ({ slot, slotSchema, }) {
+const SlotEditor = observer(function SlotEditor({ slot, slotSchema, }) {
     const { classes } = useSlotEditorStyles();
     const { type } = slot;
     let ValueComponent = slot.isCallback

package/esm/ConfigurationEditorWidget/components/StringArrayEditor.js

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import DeleteIcon from '@mui/icons-material/Delete';
 import { Button, FormHelperText, IconButton, InputAdornment, InputLabel, List, ListItem, TextField, } from '@mui/material';
 import { observer } from 'mobx-react';
-const StringArrayEditor = observer(function ({ slot, }) {
+const StringArrayEditor = observer(function StringArrayEditor({ slot, }) {
     const [value, setValue] = useState('');
     const [addNew, setAddNew] = useState(false);
     return (_jsxs(_Fragment, { children: [slot.name ? _jsx(InputLabel, { children: slot.name }) : null, _jsxs(List, { disablePadding: true, children: [slot.value.map((val, idx) => (_jsx(ListItem, { disableGutters: true, children: _jsx(TextField, { value: val, onChange: evt => {

package/esm/ConfigurationEditorWidget/components/StringArrayMapEditor.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import AddIcon from '@mui/icons-material/Add';
 import DeleteIcon from '@mui/icons-material/Delete';
 import { Card, CardContent, CardHeader, FormHelperText, IconButton, InputAdornment, InputLabel, TextField, } from '@mui/material';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import StringArrayEditor from './StringArrayEditor';
+import StringArrayEditor from "./StringArrayEditor.js";
 const useStyles = makeStyles()(theme => ({
     card: {
         marginTop: theme.spacing(1),
     },
 }));
-const StringArrayMapEditor = observer(function ({ slot, }) {
+const StringArrayMapEditor = observer(function StringArrayMapEditor({ slot, }) {
     const { classes } = useStyles();
     const [value, setValue] = useState('');
     return (_jsxs(_Fragment, { children: [_jsx(InputLabel, { children: slot.name }), [...slot.value].map(([key, val]) => (_jsxs(Card, { raised: true, className: classes.card, children: [_jsx(CardHeader, { title: key, action: _jsx(IconButton, { onClick: () => {

package/esm/ConfigurationEditorWidget/components/TypeSelector.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { MenuItem, Paper, TextField } from '@mui/material';
 import { observer } from 'mobx-react';
-import { useSlotEditorStyles } from './useSlotEditorStyles';
-const TypeSelector = observer(function ({ typeNameChoices, slot, slotName, onChange, }) {
+import { useSlotEditorStyles } from "./useSlotEditorStyles.js";
+const TypeSelector = observer(function TypeSelector({ typeNameChoices, slot, slotName, onChange, }) {
     const { classes } = useSlotEditorStyles();
     return (_jsx(Paper, { className: classes.paper, children: _jsx("div", { className: classes.paperContent, children: _jsx(TextField, { value: slot.type, label: "Type", select: true, helperText: `Type of ${slotName} to use`, fullWidth: true, onChange: onChange, children: typeNameChoices.map(str => (_jsx(MenuItem, { value: str, children: str }, str))) }) }) }));
 });

package/esm/ConfigurationEditorWidget/components/useSlotEditorStyles.d.ts

@@ -1,9 +1,10 @@
-export declare const useSlotEditorStyles: (params: void, muiStyleOverridesParams?: {
-    props: Record<string, unknown>;
-    ownerState?: Record<string, unknown> | undefined;
+export declare const useSlotEditorStyles: (_params?: unknown, muiStyleOverridesParams?: {
+    props: {
+        classes?: Record<string, string>;
+    };
 } | undefined) => {
     classes: Record<"paper" | "paperContent" | "slotModeSwitch", string>;
     theme: import("@mui/material").Theme;
-    css: import("tss-react/types").Css;
-    cx: import("tss-react/types").Cx;
+    css: import("node_modules/@jbrowse/core/src/util/tss-react/types").Css;
+    cx: import("node_modules/@jbrowse/core/src/util/tss-react/types").Cx;
 };

package/esm/ConfigurationEditorWidget/components/useSlotEditorStyles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from 'tss-react/mui';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 export const useSlotEditorStyles = makeStyles()(theme => ({
     paper: {
         display: 'flex',

package/esm/ConfigurationEditorWidget/index.js

@@ -1,10 +1,10 @@
 import { lazy } from 'react';
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { WidgetType } from '@jbrowse/core/pluggableElementTypes';
-import HeadingComponent from './components/HeadingComponent';
-import stateModelFactory from './model';
+import HeadingComponent from "./components/HeadingComponent.js";
+import stateModelFactory from "./model.js";
 const configSchema = ConfigurationSchema('ConfigurationEditorWidget', {});
-const LazyConfigurationEditorComponent = lazy(() => import('./components/ConfigurationEditor'));
+const LazyConfigurationEditorComponent = lazy(() => import("./components/ConfigurationEditor.js"));
 export default function registerConfigurationEditorWidget(pluginManager) {
     pluginManager.addWidgetType(() => {
         return new WidgetType({

package/esm/ConfigurationEditorWidget/model.d.ts

@@ -1,8 +1,11 @@
 import type PluginManager from '@jbrowse/core/PluginManager';
-export default function stateModelFactory(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<"ConfigurationEditorWidget">;
-    target: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyModelType>>;
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+export default function stateModelFactory(_pluginManager: PluginManager): import("@jbrowse/mobx-state-tree").IModelType<{
+    id: import("@jbrowse/mobx-state-tree").IOptionalIType<import("@jbrowse/mobx-state-tree").ISimpleType<string>, [undefined]>;
+    type: import("@jbrowse/mobx-state-tree").ISimpleType<"ConfigurationEditorWidget">;
 }, {
-    setTarget(newTarget: any): void;
-}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+    target: AnyConfigurationModel | undefined;
+} & {
+    setTarget(newTarget: AnyConfigurationModel | undefined): void;
+    afterCreate(): void;
+}, import("@jbrowse/mobx-state-tree")._NotCustomized, import("@jbrowse/mobx-state-tree")._NotCustomized>;

package/esm/ConfigurationEditorWidget/model.js

@@ -1,15 +1,32 @@
+import { getSession } from '@jbrowse/core/util';
 import { ElementId } from '@jbrowse/core/util/types/mst';
-import { types } from 'mobx-state-tree';
-export default function stateModelFactory(pluginManager) {
+import { addDisposer, getSnapshot, types } from '@jbrowse/mobx-state-tree';
+import { autorun } from 'mobx';
+export default function stateModelFactory(_pluginManager) {
     return types
         .model('ConfigurationEditorWidget', {
         id: ElementId,
         type: types.literal('ConfigurationEditorWidget'),
-        target: types.safeReference(pluginManager.pluggableConfigSchemaType('track')),
     })
+        .volatile(() => ({
+        target: undefined,
+    }))
         .actions(self => ({
         setTarget(newTarget) {
             self.target = newTarget;
         },
+        afterCreate() {
+            let timeout;
+            addDisposer(self, autorun(() => {
+                if (self.target) {
+                    const snapshot = getSnapshot(self.target);
+                    clearTimeout(timeout);
+                    timeout = setTimeout(() => {
+                        const session = getSession(self);
+                        session.jbrowse.updateTrackConf(snapshot);
+                    }, 400);
+                }
+            }));
+        },
     }));
 }

package/esm/FromConfigAdapter/FromConfigAdapter.js

@@ -20,6 +20,7 @@ export function makeFeatures(fdata) {
     return features;
 }
 export default class FromConfigAdapter extends BaseFeatureDataAdapter {
+    features;
     constructor(conf, getSubAdapter, pluginManager) {
         super(conf, getSubAdapter, pluginManager);
         const feats = readConfObject(conf, 'features');

package/esm/FromConfigAdapter/configSchema.d.ts

@@ -1,7 +1,7 @@
-declare const configSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+declare const configSchema: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
     features: {
         type: string;
         defaultValue: never[];
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
 export default configSchema;

package/esm/FromConfigAdapter/index.js

@@ -1,10 +1,10 @@
 import { AdapterType } from '@jbrowse/core/pluggableElementTypes';
-import configSchema from './configSchema';
+import configSchema from "./configSchema.js";
 export default function FromConfigAdapterF(pluginManager) {
     pluginManager.addAdapterType(() => new AdapterType({
         name: 'FromConfigAdapter',
         configSchema,
-        getAdapterClass: () => import('./FromConfigAdapter').then(r => r.default),
+        getAdapterClass: () => import("./FromConfigAdapter.js").then(r => r.default),
         adapterMetadata: {
             hiddenFromGUI: true,
         },

package/esm/FromConfigRegionsAdapter/FromConfigRegionsAdapter.js

@@ -1,7 +1,8 @@
 import { readConfObject } from '@jbrowse/core/configuration';
 import { BaseAdapter } from '@jbrowse/core/data_adapters/BaseAdapter';
-import { makeFeatures } from '../FromConfigAdapter/FromConfigAdapter';
+import { makeFeatures } from "../FromConfigAdapter/FromConfigAdapter.js";
 export default class FromConfigRegionsAdapter extends BaseAdapter {
+    features;
     constructor(config, getSubAdapter, pluginManager) {
         super(config, getSubAdapter, pluginManager);
         const f = readConfObject(config, 'features');

package/esm/FromConfigRegionsAdapter/configSchema.d.ts

@@ -1,7 +1,7 @@
-declare const regionsConfigSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+declare const regionsConfigSchema: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
     features: {
         type: string;
         defaultValue: never[];
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
 export default regionsConfigSchema;

package/esm/FromConfigRegionsAdapter/index.js

@@ -1,10 +1,10 @@
 import { AdapterType } from '@jbrowse/core/pluggableElementTypes';
-import configSchema from './configSchema';
+import configSchema from "./configSchema.js";
 export default function FromConfigRegionsAdapterF(pluginManager) {
     pluginManager.addAdapterType(() => new AdapterType({
         name: 'FromConfigRegionsAdapter',
         configSchema,
-        getAdapterClass: () => import('./FromConfigRegionsAdapter').then(r => r.default),
+        getAdapterClass: () => import("./FromConfigRegionsAdapter.js").then(r => r.default),
         adapterMetadata: {
             hiddenFromGUI: true,
         },

package/esm/FromConfigSequenceAdapter/FromConfigSequenceAdapter.d.ts

@@ -1,4 +1,4 @@
-import FromConfigAdapter from '../FromConfigAdapter/FromConfigAdapter';
+import FromConfigAdapter from '../FromConfigAdapter/FromConfigAdapter.ts';
 import type { RegionsAdapter } from '@jbrowse/core/data_adapters/BaseAdapter';
 import type { Feature } from '@jbrowse/core/util/simpleFeature';
 import type { NoAssemblyRegion } from '@jbrowse/core/util/types';

package/esm/FromConfigSequenceAdapter/FromConfigSequenceAdapter.js

@@ -2,7 +2,7 @@ import { ObservableCreate } from '@jbrowse/core/util/rxjs';
 import SimpleFeature from '@jbrowse/core/util/simpleFeature';
 import { firstValueFrom } from 'rxjs';
 import { toArray } from 'rxjs/operators';
-import FromConfigAdapter from '../FromConfigAdapter/FromConfigAdapter';
+import FromConfigAdapter from "../FromConfigAdapter/FromConfigAdapter.js";
 export default class FromConfigSequenceAdapter extends FromConfigAdapter {
     getFeatures(region) {
         return ObservableCreate(async (observer) => {

package/esm/FromConfigSequenceAdapter/configSchema.d.ts

@@ -1,7 +1,7 @@
-declare const sequenceConfigSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+declare const sequenceConfigSchema: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
     features: {
         type: string;
         defaultValue: never[];
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
 export default sequenceConfigSchema;

package/esm/FromConfigSequenceAdapter/index.js

@@ -1,10 +1,10 @@
 import { AdapterType } from '@jbrowse/core/pluggableElementTypes';
-import configSchema from './configSchema';
+import configSchema from "./configSchema.js";
 export default function FromConfigSequenceAdapterF(pluginManager) {
     pluginManager.addAdapterType(() => new AdapterType({
         name: 'FromConfigSequenceAdapter',
         configSchema,
-        getAdapterClass: () => import('./FromConfigSequenceAdapter').then(r => r.default),
+        getAdapterClass: () => import("./FromConfigSequenceAdapter.js").then(r => r.default),
         adapterMetadata: {
             hiddenFromGUI: true,
         },

package/esm/NcbiSequenceReportAliasAdapter/configSchema.d.ts

@@ -1,4 +1,4 @@
-declare const NcbiSequenceReportAliasAdapterConfigSchema: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+declare const NcbiSequenceReportAliasAdapterConfigSchema: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
     location: {
         type: string;
         defaultValue: {
@@ -11,5 +11,5 @@ declare const NcbiSequenceReportAliasAdapterConfigSchema: import("@jbrowse/core/
         defaultValue: boolean;
         description: string;
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
 export default NcbiSequenceReportAliasAdapterConfigSchema;

package/esm/NcbiSequenceReportAliasAdapter/index.js

@@ -1,11 +1,11 @@
 import { AdapterType } from '@jbrowse/core/pluggableElementTypes';
-import configSchema from './configSchema';
+import configSchema from "./configSchema.js";
 export default function NcbiSequenceReportAliasAdapterF(pluginManager) {
     pluginManager.addAdapterType(() => {
         return new AdapterType({
             name: 'NcbiSequenceReportAliasAdapter',
             configSchema,
-            getAdapterClass: () => import('./NcbiSequenceReportAliasAdapter').then(r => r.default),
+            getAdapterClass: () => import("./NcbiSequenceReportAliasAdapter.js").then(r => r.default),
             adapterMetadata: {
                 hiddenFromGUI: true,
             },