@jbrowse/core 3.2.0 → 3.4.0

package/BaseFeatureWidget/BaseFeatureDetail/ArrayValue.d.ts

@@ -1,6 +1,7 @@
-export default function ArrayValue({ name, value, description, prefix, }: {
+export default function ArrayValue({ name, value, description, formatter, prefix, }: {
     description?: React.ReactNode;
     name: string;
     value: unknown[];
+    formatter?: (value: unknown, key: string) => React.ReactNode;
     prefix?: string[];
 }): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/ArrayValue.js

@@ -24,15 +24,15 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
         overflow: 'auto',
     },
 }));
-function ArrayValue({ name, value, description, prefix = [], }) {
+function ArrayValue({ name, value, description, formatter, prefix = [], }) {
     const { classes } = useStyles();
     if (value.length === 1) {
-        return (0, util_1.isObject)(value[0]) ? ((0, jsx_runtime_1.jsx)(Attributes_1.default, { attributes: value[0], prefix: [...prefix, name] })) : ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, description: description, name: name }), (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: value[0] })] }));
+        return (0, util_1.isObject)(value[0]) ? ((0, jsx_runtime_1.jsx)(Attributes_1.default, { formatter: formatter, attributes: value[0], prefix: [...prefix, name] })) : ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, description: description, name: name }), (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: formatter ? formatter(value[0], name) : value[0] })] }));
     }
     else if (value.every(val => (0, util_1.isObject)(val))) {
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: value.map((val, i) => ((0, jsx_runtime_1.jsx)(Attributes_1.default, { attributes: val, prefix: [...prefix, `${name}-${i}`] }, `${JSON.stringify(val)}-${i}`))) }));
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: value.map((val, i) => ((0, jsx_runtime_1.jsx)(Attributes_1.default, { formatter: formatter, attributes: val, prefix: [...prefix, `${name}-${i}`] }, `${JSON.stringify(val)}-${i}`))) }));
     }
     else {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, description: description, name: name }), value.map((val, i) => ((0, jsx_runtime_1.jsx)("div", { className: classes.fieldSubvalue, children: (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: val }) }, `${JSON.stringify(val)}-${i}`)))] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, description: description, name: name }), value.map((val, i) => ((0, jsx_runtime_1.jsx)("div", { className: classes.fieldSubvalue, children: (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: formatter ? formatter(val, name) : val }) }, `${JSON.stringify(val)}-${i}`)))] }));
     }
 }

package/BaseFeatureWidget/BaseFeatureDetail/Attributes.d.ts

@@ -1,3 +1,4 @@
+import type { Descriptors } from '../types';
 export default function Attributes(props: {
     attributes: {
         [key: string]: unknown;
@@ -6,7 +7,7 @@ export default function Attributes(props: {
     omit?: string[];
     omitSingleLevel?: string[];
     formatter?: (val: unknown, key: string) => React.ReactNode;
-    descriptions?: Record<string, React.ReactNode>;
+    descriptions?: Descriptors;
     prefix?: string[];
     hideUris?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/Attributes.js

@@ -24,24 +24,25 @@ const globalOmit = [
     'thickEnd',
 ];
 function Attributes(props) {
-    const { attributes, omit = [], omitSingleLevel = [], descriptions, formatter = val => val, hideUris, prefix = [], } = props;
+    const { attributes, omit = [], omitSingleLevel = [], descriptions, formatter, hideUris, prefix = [], } = props;
     const omits = new Set([...omit, ...globalOmit, ...omitSingleLevel]);
     const { __jbrowsefmt, ...rest } = attributes;
-    const formattedAttributes = { ...rest, ...__jbrowsefmt };
-    const maxLabelWidth = (0, util_1.generateMaxWidth)(Object.entries(formattedAttributes).filter(([k, v]) => v !== undefined && !omits.has(k)), prefix);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Object.entries(formattedAttributes)
-            .filter(([k, v]) => v !== undefined && !omits.has(k))
-            .map(([key, value]) => {
+    const filteredFormattedAttributes = Object.entries({
+        ...rest,
+        ...__jbrowsefmt,
+    }).filter(([k, v]) => v != null && !omits.has(k));
+    const maxLabelWidth = (0, util_1.generateMaxWidth)(filteredFormattedAttributes, prefix);
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: filteredFormattedAttributes.map(([key, value]) => {
             const description = (0, util_1.accessNested)([...prefix, key], descriptions);
             if (Array.isArray(value)) {
-                return value.length > 1 && value.every(val => (0, util_2.isObject)(val)) ? ((0, jsx_runtime_1.jsx)(DataGridDetails_1.default, { name: key, prefix: prefix, value: value }, key)) : ((0, jsx_runtime_1.jsx)(ArrayValue_1.default, { name: key, value: value, description: description, prefix: prefix }, key));
+                return value.length > 1 && value.every(val => (0, util_2.isObject)(val)) ? ((0, jsx_runtime_1.jsx)(DataGridDetails_1.default, { name: key, prefix: prefix, value: value }, key)) : ((0, jsx_runtime_1.jsx)(ArrayValue_1.default, { name: key, value: value, formatter: formatter, description: description, prefix: prefix }, key));
             }
             else if ((0, util_2.isObject)(value)) {
                 const { omitSingleLevel, ...rest } = props;
-                return (0, util_2.isUriLocation)(value) ? (hideUris ? null : ((0, jsx_runtime_1.jsx)(UriField_1.default, { name: key, prefix: prefix, value: value }, key))) : ((0, jsx_runtime_1.jsx)(Attributes, { ...rest, attributes: value, descriptions: descriptions, prefix: [...prefix, key] }, key));
+                return (0, util_2.isUriLocation)(value) ? (hideUris ? null : ((0, jsx_runtime_1.jsx)(UriField_1.default, { name: key, prefix: prefix, value: value }, key))) : ((0, jsx_runtime_1.jsx)(Attributes, { ...rest, formatter: formatter, attributes: value, descriptions: descriptions, prefix: [...prefix, key] }, key));
             }
             else {
-                return ((0, jsx_runtime_1.jsx)(SimpleField_1.default, { name: key, value: formatter(value, key), description: description, prefix: prefix, width: Math.min(maxLabelWidth, MAX_FIELD_NAME_WIDTH) }, key));
+                return ((0, jsx_runtime_1.jsx)(SimpleField_1.default, { name: key, formatter: formatter, value: value, description: description, prefix: prefix, width: Math.min(maxLabelWidth, MAX_FIELD_NAME_WIDTH) }, key));
             }
         }) }));
 }

package/BaseFeatureWidget/BaseFeatureDetail/DataGridDetails.js

@@ -11,6 +11,7 @@ const x_data_grid_1 = require("@mui/x-data-grid");
 const mui_1 = require("tss-react/mui");
 const FieldName_1 = __importDefault(require("./FieldName"));
 const ui_1 = require("../../ui");
+const DataGridFlexContainer_1 = __importDefault(require("../../ui/DataGridFlexContainer"));
 const util_1 = require("../../util");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     margin: {
@@ -52,21 +53,10 @@ function DataGridDetails({ value, prefix, name, }) {
     if (unionKeys.size < keys.length + 5) {
         return ((0, jsx_runtime_1.jsxs)("div", { className: classes.margin, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, name: name }), (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: checked, onChange: event => {
                             setChecked(event.target.checked);
-                        } }), label: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: "Show options" }) }), (0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column' }, children: (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { disableRowSelectionOnClick: true, rows: rows, rowHeight: 20, columnHeaderHeight: 35, hideFooter: rows.length < 25, slots: {
-                            toolbar: checked ? x_data_grid_1.GridToolbar : null,
-                        }, slotProps: {
-                            toolbar: {
-                                printOptions: {
-                                    disableToolbarButton: true,
-                                },
-                            },
-                        }, columns: colNames.map((val, index) => ({
+                        } }), label: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: "Show options" }) }), (0, jsx_runtime_1.jsx)(DataGridFlexContainer_1.default, { children: (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { rows: rows, rowHeight: 20, columnHeaderHeight: 35, hideFooter: rows.length < 25, showToolbar: checked, columns: colNames.map((val, index) => ({
                             field: val,
-                            renderCell: params => {
-                                const value = params.value;
-                                return ((0, jsx_runtime_1.jsx)("div", { className: classes.cell, children: (0, jsx_runtime_1.jsx)(ui_1.SanitizedHTML, { html: (0, util_1.getStr)(value || '') }) }));
-                            },
                             width: widths[index],
+                            renderCell: ({ value }) => ((0, jsx_runtime_1.jsx)("div", { className: classes.cell, children: (0, jsx_runtime_1.jsx)(ui_1.SanitizedHTML, { html: (0, util_1.getStr)(value || '') }) })),
                         })) }) })] }));
     }
     return null;

package/BaseFeatureWidget/BaseFeatureDetail/FeatureDetails.d.ts

@@ -1,10 +1,11 @@
 import type { SimpleFeatureSerialized } from '../../util';
+import type { Descriptors } from '../types';
 import type { IAnyStateTreeNode } from 'mobx-state-tree';
 export default function FeatureDetails(props: {
     model: IAnyStateTreeNode;
     feature: SimpleFeatureSerialized;
     depth?: number;
     omit?: string[];
-    descriptions?: Record<string, React.ReactNode>;
+    descriptions?: Descriptors;
     formatter?: (val: unknown, key: string) => React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/BaseFeatureWidget/BaseFeatureDetail/SimpleField.d.ts

@@ -1,7 +1,8 @@
-export default function SimpleField({ name, value, description, prefix, width, }: {
+export default function SimpleField({ name, value, description, prefix, width, formatter, }: {
     description?: React.ReactNode;
     name: string;
     value: unknown;
     prefix?: string[];
     width?: number;
+    formatter?: (value: unknown, key: string) => React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element | null;

package/BaseFeatureWidget/BaseFeatureDetail/SimpleField.js

@@ -14,7 +14,7 @@ const useStyles = (0, mui_1.makeStyles)()({
         flexWrap: 'wrap',
     },
 });
-function SimpleField({ name, value, description, prefix, width, }) {
+function SimpleField({ name, value, description, prefix, width, formatter, }) {
     const { classes } = useStyles();
-    return value !== null && value !== undefined ? ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, description: description, name: name, width: width }), (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: value })] })) : null;
+    return value != null ? ((0, jsx_runtime_1.jsxs)("div", { className: classes.field, children: [(0, jsx_runtime_1.jsx)(FieldName_1.default, { prefix: prefix, description: description, name: name, width: width }), (0, jsx_runtime_1.jsx)(BasicValue_1.default, { value: formatter ? formatter(value, name) : value })] })) : null;
 }

package/BaseFeatureWidget/BaseFeatureDetail/index.js

@@ -11,7 +11,7 @@ const util_2 = require("../util");
 const FeatureDetails_1 = __importDefault(require("./FeatureDetails"));
 const ui_1 = require("../../ui");
 const BaseFeatureDetail = (0, mobx_react_1.observer)(function ({ model }) {
-    const { error, featureData } = model;
+    const { error, descriptions, featureData } = model;
     if (error) {
         return (0, jsx_runtime_1.jsx)(ui_1.ErrorMessage, { error: error });
     }
@@ -20,7 +20,7 @@ const BaseFeatureDetail = (0, mobx_react_1.observer)(function ({ model }) {
     }
     else {
         const featureData2 = (0, util_2.replaceUndefinedWithNull)(featureData);
-        return (0, util_1.isEmpty)(featureData2) ? null : ((0, jsx_runtime_1.jsx)(FeatureDetails_1.default, { model: model, feature: featureData2 }));
+        return (0, util_1.isEmpty)(featureData2) ? null : ((0, jsx_runtime_1.jsx)(FeatureDetails_1.default, { model: model, feature: featureData2, descriptions: descriptions }));
     }
 });
 exports.default = BaseFeatureDetail;

package/BaseFeatureWidget/stateModelFactory.d.ts

@@ -1,11 +1,13 @@
 import type PluginManager from '../PluginManager';
+import type { SimpleFeatureSerialized } from '../util';
+import type { MaybeSerializedFeat } from './types';
 import type { Instance } from 'mobx-state-tree';
 export declare 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<"BaseFeatureWidget">;
-    featureData: import("mobx-state-tree").IType<any, any, any>;
+    featureData: import("mobx-state-tree").IType<MaybeSerializedFeat, MaybeSerializedFeat, MaybeSerializedFeat>;
     formattedFields: import("mobx-state-tree").IType<any, any, any>;
-    unformattedFeatureData: import("mobx-state-tree").IType<any, any, any>;
+    unformattedFeatureData: import("mobx-state-tree").IType<MaybeSerializedFeat, MaybeSerializedFeat, MaybeSerializedFeat>;
     view: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
     track: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
     trackId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -17,10 +19,10 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
         upDownBp: number;
         upperCaseCDS: boolean;
         charactersPerRow: number;
-        feature: import("../util").SimpleFeatureSerialized | undefined;
+        feature: SimpleFeatureSerialized | undefined;
         mode: string;
     } & {
-        setFeature(f: import("../util").SimpleFeatureSerialized): void;
+        setFeature(f: SimpleFeatureSerialized): void;
         setUpDownBp(f: number): void;
         setIntronBp(f: number): void;
         setUpperCaseCDS(f: boolean): void;
@@ -35,12 +37,13 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         afterAttach(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+    descriptions: import("mobx-state-tree").IType<Record<string, unknown> | undefined, Record<string, unknown> | undefined, Record<string, unknown> | undefined>;
 }, {
     error: unknown;
 } & {
-    setFeatureData(featureData: Record<string, unknown>): void;
+    setFeatureData(featureData: SimpleFeatureSerialized): void;
     clearFeatureData(): void;
-    setFormattedData(feat: Record<string, unknown>): void;
+    setFormattedData(feat: SimpleFeatureSerialized): void;
     setExtra(type?: string, trackId?: string, maxDepth?: number): void;
     setError(e: unknown): void;
 } & {
@@ -48,9 +51,9 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
 }, import("mobx-state-tree").ModelCreationType<import("mobx-state-tree/dist/internal").ExtractCFromProps<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<"BaseFeatureWidget">;
-    featureData: import("mobx-state-tree").IType<any, any, any>;
+    featureData: import("mobx-state-tree").IType<MaybeSerializedFeat, MaybeSerializedFeat, MaybeSerializedFeat>;
     formattedFields: import("mobx-state-tree").IType<any, any, any>;
-    unformattedFeatureData: import("mobx-state-tree").IType<any, any, any>;
+    unformattedFeatureData: import("mobx-state-tree").IType<MaybeSerializedFeat, MaybeSerializedFeat, MaybeSerializedFeat>;
     view: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
     track: import("mobx-state-tree").IMaybe<import("mobx-state-tree").IReferenceType<import("mobx-state-tree").IAnyType>>;
     trackId: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -62,10 +65,10 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
         upDownBp: number;
         upperCaseCDS: boolean;
         charactersPerRow: number;
-        feature: import("../util").SimpleFeatureSerialized | undefined;
+        feature: SimpleFeatureSerialized | undefined;
         mode: string;
     } & {
-        setFeature(f: import("../util").SimpleFeatureSerialized): void;
+        setFeature(f: SimpleFeatureSerialized): void;
         setUpDownBp(f: number): void;
         setIntronBp(f: number): void;
         setUpperCaseCDS(f: boolean): void;
@@ -80,6 +83,7 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     } & {
         afterAttach(): void;
     }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+    descriptions: import("mobx-state-tree").IType<Record<string, unknown> | undefined, Record<string, unknown> | undefined, Record<string, unknown> | undefined>;
 }>>, {
     type: "BaseFeatureWidget";
     id: string;
@@ -90,6 +94,7 @@ export declare function stateModelFactory(pluginManager: PluginManager): import(
     maxDepth: number | undefined;
     sequenceFeatureDetails: import("mobx-state-tree").ModelSnapshotType<{}>;
     formattedFields: any;
+    descriptions: Record<string, unknown> | undefined;
     finalizedFeatureData: any;
 }>;
 export type BaseFeatureWidgetStateModel = ReturnType<typeof stateModelFactory>;

package/BaseFeatureWidget/stateModelFactory.js

@@ -8,16 +8,6 @@ const util_1 = require("../util");
 const model_1 = require("./SequenceFeatureDetails/model");
 const util_2 = require("./util");
 const mst_1 = require("../util/types/mst");
-function formatSubfeatures(obj, depth, parse, currentDepth = 0, returnObj = {}) {
-    var _a;
-    if (depth <= currentDepth) {
-        return;
-    }
-    (_a = obj.subfeatures) === null || _a === void 0 ? void 0 : _a.map(sub => {
-        formatSubfeatures(sub, depth, parse, currentDepth + 1, returnObj);
-        parse(sub);
-    });
-}
 function stateModelFactory(pluginManager) {
     return mobx_state_tree_1.types
         .model('BaseFeatureWidget', {
@@ -32,6 +22,7 @@ function stateModelFactory(pluginManager) {
         trackType: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
         maxDepth: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.number),
         sequenceFeatureDetails: mobx_state_tree_1.types.optional((0, model_1.SequenceFeatureDetailsF)(), {}),
+        descriptions: mobx_state_tree_1.types.frozen(),
     })
         .volatile(() => ({
         error: undefined,
@@ -72,7 +63,7 @@ function stateModelFactory(pluginManager) {
                         });
                         if (track) {
                             feature.__jbrowsefmt = combine('feature', feature);
-                            formatSubfeatures(feature, (0, configuration_1.getConf)(track, ['formatDetails', 'depth']), sub => {
+                            (0, util_2.formatSubfeatures)(feature, (0, configuration_1.getConf)(track, ['formatDetails', 'depth']), sub => {
                                 sub.__jbrowsefmt = combine('subfeatures', sub);
                             });
                         }
@@ -96,8 +87,12 @@ function stateModelFactory(pluginManager) {
     })
         .postProcessSnapshot(snap => {
         const { unformattedFeatureData, featureData, ...rest } = snap;
+        const s2 = JSON.stringify(featureData, (_, v) => v === undefined ? null : v);
+        const featureTooLargeToBeSerialized = !s2 || s2.length > 2000000;
         return {
-            finalizedFeatureData: (0, util_2.replaceUndefinedWithNull)(featureData),
+            finalizedFeatureData: featureTooLargeToBeSerialized
+                ? undefined
+                : JSON.parse(s2),
             ...rest,
         };
     });

package/BaseFeatureWidget/types.d.ts

@@ -1,10 +1,13 @@
 import type React from 'react';
 import type { BaseFeatureWidgetModel } from './stateModelFactory';
 import type { SimpleFeatureSerialized } from '../util/simpleFeature';
+export interface Descriptors {
+    [key: string]: React.ReactNode | Descriptors;
+}
 export interface BaseProps extends BaseCardProps {
     feature: SimpleFeatureSerialized;
     formatter?: (val: unknown, key: string) => React.ReactNode;
-    descriptions?: Record<string, React.ReactNode>;
+    descriptions?: Descriptors;
     model?: BaseFeatureWidgetModel;
 }
 export interface BaseCardProps {
@@ -12,3 +15,8 @@ export interface BaseCardProps {
     defaultExpanded?: boolean;
     children?: React.ReactNode;
 }
+export interface SerializedFeat {
+    [key: string]: unknown;
+    subfeatures?: Record<string, unknown>[];
+}
+export type MaybeSerializedFeat = SimpleFeatureSerialized | undefined;

package/BaseFeatureWidget/util.d.ts

@@ -1,3 +1,5 @@
+import type { SimpleFeatureSerialized } from '../util';
+import type { SerializedFeat } from './types';
 export interface Feat {
     start: number;
     end: number;
@@ -42,4 +44,5 @@ export declare function calculateUTRs2(cds: Feat[], parentFeat: Feat): {
     end: number;
 }[];
 export declare function ellipses(slug: string): string;
-export declare function replaceUndefinedWithNull(obj: Record<string, unknown>): any;
+export declare function replaceUndefinedWithNull(obj: SimpleFeatureSerialized): any;
+export declare function formatSubfeatures(obj: SerializedFeat, depth: number, parse: (obj: Record<string, unknown>) => void, currentDepth?: number, returnObj?: Record<string, unknown>): void;

package/BaseFeatureWidget/util.js

@@ -7,6 +7,7 @@ exports.calculateUTRs = calculateUTRs;
 exports.calculateUTRs2 = calculateUTRs2;
 exports.ellipses = ellipses;
 exports.replaceUndefinedWithNull = replaceUndefinedWithNull;
+exports.formatSubfeatures = formatSubfeatures;
 function stitch(subfeats, sequence) {
     return subfeats.map(sub => sequence.slice(sub.start, sub.end)).join('');
 }
@@ -64,3 +65,13 @@ function ellipses(slug) {
 function replaceUndefinedWithNull(obj) {
     return JSON.parse(JSON.stringify(obj, (_, v) => (v === undefined ? null : v)));
 }
+function formatSubfeatures(obj, depth, parse, currentDepth = 0, returnObj = {}) {
+    var _a;
+    if (depth <= currentDepth) {
+        return;
+    }
+    (_a = obj.subfeatures) === null || _a === void 0 ? void 0 : _a.map(sub => {
+        formatSubfeatures(sub, depth, parse, currentDepth + 1, returnObj);
+        parse(sub);
+    });
+}

package/PluginManager.d.ts

@@ -108,149 +108,7 @@ export default class PluginManager {
     pluggableMstType(groupName: PluggableElementTypeGroup, fieldName: PluggableElementMember, fallback?: IAnyType): IAnyType;
     pluggableConfigSchemaType(typeGroup: PluggableElementTypeGroup, fieldName?: PluggableElementMember): IAnyModelType;
     jbrequireCache: Map<any, any>;
-    lib: {
-        '@material-ui/lab/ToggleButton': import("react").LazyExoticComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").ToggleButtonTypeMap<{}, "button">>>;
-        '@material-ui/lab/ToggleButtonGroup': import("react").LazyExoticComponent<typeof import("@mui/material").ToggleButtonGroup>;
-        '@material-ui/lab/Autocomplete': import("react").LazyExoticComponent<typeof import("@mui/material").Autocomplete>;
-        '@material-ui/lab/Alert': import("react").LazyExoticComponent<typeof import("@mui/material").Alert>;
-        '@material-ui/lab': {
-            Alert: import("react").LazyExoticComponent<typeof import("@mui/material").Alert>;
-            Autocomplete: import("react").LazyExoticComponent<typeof import("@mui/material").Autocomplete>;
-            ToggleButton: import("react").LazyExoticComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").ToggleButtonTypeMap<{}, "button">>>;
-            ToggleButtonGroup: import("react").LazyExoticComponent<typeof import("@mui/material").ToggleButtonGroup>;
-        };
-        '@jbrowse/core/Plugin': typeof Plugin;
-        '@jbrowse/core/pluggableElementTypes': typeof import("./pluggableElementTypes");
-        '@jbrowse/core/pluggableElementTypes/ViewType': typeof ViewType;
-        '@jbrowse/core/pluggableElementTypes/AdapterType': typeof AdapterType;
-        '@jbrowse/core/pluggableElementTypes/DisplayType': typeof DisplayType;
-        '@jbrowse/core/pluggableElementTypes/TrackType': typeof TrackType;
-        '@jbrowse/core/pluggableElementTypes/WidgetType': typeof WidgetType;
-        '@jbrowse/core/pluggableElementTypes/models': typeof import("./pluggableElementTypes/models");
-        '@jbrowse/core/pluggableElementTypes/renderers/ServerSideRendererType': typeof import("./pluggableElementTypes/renderers/ServerSideRendererType");
-        '@jbrowse/core/pluggableElementTypes/renderers/CircularChordRendererType': typeof import("./pluggableElementTypes").CircularChordRendererType;
-        '@jbrowse/core/pluggableElementTypes/renderers/BoxRendererType': typeof import("./pluggableElementTypes/renderers/BoxRendererType");
-        '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType': typeof import("./pluggableElementTypes/renderers/FeatureRendererType");
-        '@jbrowse/core/pluggableElementTypes/renderers/RendererType': typeof import("./pluggableElementTypes/renderers/RendererType");
-        '@jbrowse/core/configuration': typeof import("./configuration");
-        '@jbrowse/core/util/types/mst': typeof import("./util/types/mst");
-        '@jbrowse/core/ui': typeof import("./ui");
-        '@jbrowse/core/util': typeof import("./util");
-        '@jbrowse/core/util/color': typeof import("./util/color");
-        '@jbrowse/core/util/layouts': typeof import("./util/layouts");
-        '@jbrowse/core/util/tracks': typeof import("./util/tracks");
-        '@jbrowse/core/util/Base1DViewModel': import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
-            displayedRegions: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("./util").Region[], import("./util").Region[], import("./util").Region[]>, [undefined]>;
-            bpPerPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-            offsetPx: import("mobx-state-tree").IType<number | undefined, number, number>;
-            interRegionPaddingWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-            minimumBlockWidth: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
-        }, {
-            features: undefined | import("./util").Feature[];
-            volatileWidth: number;
-        } & {
-            setDisplayedRegions(regions: import("./util").Region[]): void;
-            setBpPerPx(val: number): void;
-            setVolatileWidth(width: number): void;
-        } & {
-            readonly width: number;
-            readonly assemblyNames: string[];
-            readonly displayedRegionsTotalPx: number;
-            readonly maxOffset: number;
-            readonly minOffset: number;
-            readonly totalBp: number;
-        } & {
-            readonly dynamicBlocks: import("./util/blockTypes").BlockSet;
-            readonly staticBlocks: import("./util/blockTypes").BlockSet;
-            readonly currBp: number;
-        } & {
-            pxToBp(px: number): {
-                coord: number;
-                index: number;
-                refName: string;
-                oob: boolean;
-                assemblyName: string;
-                offset: number;
-                start: number;
-                end: number;
-                reversed?: boolean;
-            };
-            bpToPx({ refName, coord, regionNumber, }: {
-                refName: string;
-                coord: number;
-                regionNumber?: number;
-            }): number | undefined;
-        } & {
-            setFeatures(features: import("./util").Feature[]): void;
-            showAllRegions(): void;
-            zoomOut(): void;
-            zoomIn(): void;
-            zoomTo(bpPerPx: number, offset?: number): number;
-            scrollTo(offsetPx: number): number;
-            centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
-            scroll(distance: number): number;
-        } & {
-            moveTo(start?: import("./util/Base1DUtils").BpOffset, end?: import("./util/Base1DUtils").BpOffset): void;
-        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
-        '@jbrowse/core/util/io': typeof import("./util/io");
-        '@jbrowse/core/util/mst-reflection': typeof import("./util/mst-reflection");
-        '@jbrowse/core/util/rxjs': typeof import("./util/rxjs");
-        '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail': {
-            Attributes: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
-            FeatureDetails: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
-            BaseCard: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
-            BaseCoreDetails: import("react").LazyExoticComponent<typeof import("./BaseFeatureWidget/BaseFeatureDetail").BaseCoreDetails>;
-            BaseAttributes: import("react").LazyExoticComponent<typeof import("./BaseFeatureWidget/BaseFeatureDetail").BaseAttributes>;
-        };
-        '@jbrowse/core/data_adapters/BaseAdapter': typeof import("./data_adapters/BaseAdapter");
-        mobx: typeof import("mobx");
-        'mobx-state-tree': typeof import("mobx-state-tree");
-        react: typeof import("react");
-        'react/jsx-runtime': typeof import("react/jsx-runtime");
-        'react-dom': typeof import("react-dom");
-        'react-dom/client': typeof import("react-dom/client");
-        'mobx-react': typeof import("mobx-react");
-        '@mui/x-data-grid': {
-            useGridApiContext: typeof import("@mui/x-data-grid").useGridApiContext;
-            useGridApiRef: <Api extends import("@mui/x-data-grid").GridApiCommon = import("@mui/x-data-grid/internals").GridApiCommunity>() => import("@mui/x-internals/types").RefObject<Api>;
-            useGridRootProps: () => import("@mui/x-data-grid/internals").DataGridProcessedProps;
-        };
-        '@mui/material/utils': typeof import("@mui/material/utils");
-        '@material-ui/core/utils': typeof import("@mui/material/utils");
-        'tss-react/mui': {
-            makeStyles: <Params = void, RuleNameSubsetReferencableInNestedSelectors extends string = never>(params?: {
-                name?: string | Record<string, unknown> | undefined;
-                uniqId?: string | undefined;
-            } | undefined) => <RuleName extends string>(cssObjectByRuleNameOrGetCssObjectByRuleName: Record<RuleName, import("tss-react").CSSObject> | ((theme: import("@mui/material").Theme, params: Params, classes: Record<RuleNameSubsetReferencableInNestedSelectors, string>) => Record<RuleNameSubsetReferencableInNestedSelectors | RuleName, import("tss-react").CSSObject>)) => (params: Params, muiStyleOverridesParams?: {
-                props: Record<string, unknown>;
-                ownerState?: Record<string, unknown> | undefined;
-            } | undefined) => {
-                classes: Record<RuleName, string>;
-                theme: import("@mui/material").Theme;
-                css: import("tss-react").Css;
-                cx: import("tss-react").Cx;
-            };
-        };
-        '@material-ui/core': {
-            useTheme: typeof import("@mui/material").useTheme;
-            alpha: typeof import("@mui/system").alpha;
-            makeStyles: (args: any) => () => Record<string, string>;
-        };
-        '@mui/material': {
-            alpha: typeof import("@mui/system").alpha;
-            useTheme: typeof import("@mui/material").useTheme;
-            createTheme: typeof import("@mui/material").createTheme;
-        };
-        '@mui/material/styles': {
-            MUIStyles: typeof import("@mui/material/styles");
-            makeStyles: (args: any) => () => Record<string, string>;
-        };
-        '@material-ui/core/styles': {
-            MUIStyles: typeof import("@mui/material/styles");
-            makeStyles: (args: any) => () => Record<string, string>;
-        };
-    };
+    lib: any;
     load: <FTYPE extends AnyFunction>(lib: FTYPE) => ReturnType<FTYPE>;
     jbrequire: (lib: keyof typeof ReExports | AnyFunction | {
         default: AnyFunction;

package/PluginManager.js

@@ -102,10 +102,11 @@ class PluginManager {
                 }
                 return pack;
             }
-            if (typeof lib === 'function') {
+            else if (typeof lib === 'function') {
                 return this.load(lib);
             }
-            if (lib.default) {
+            else if (lib.default) {
+                console.warn('initiated jbrequire on a {default:Function}');
                 return this.jbrequire(lib.default);
             }
             throw new TypeError('lib passed to jbrequire must be either a string or a function');

package/ReExports/BaseFeatureDetails.d.ts

@@ -0,0 +1 @@
+export declare const BaseFeatureDetail: any;

package/ReExports/BaseFeatureDetails.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseFeatureDetail = void 0;
+const react_1 = require("react");
+const lazify_1 = require("./lazify");
+exports.BaseFeatureDetail = (0, lazify_1.lazyMap)({
+    Attributes: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../BaseFeatureWidget/BaseFeatureDetail/Attributes')))),
+    FeatureDetails: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../BaseFeatureWidget/BaseFeatureDetail/FeatureDetails')))),
+    BaseCard: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../BaseFeatureWidget/BaseFeatureDetail/BaseCard')))),
+    BaseAttributes: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../BaseFeatureWidget/BaseFeatureDetail/BaseAttributes')))),
+    BaseCoreDetails: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('../BaseFeatureWidget/BaseFeatureDetail/BaseCoreDetails')))),
+}, '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/');

package/ReExports/MuiDataGridReExports.d.ts

@@ -0,0 +1,2 @@
+import { type LazyExoticComponent } from 'react';
+export declare const DataGridEntries: Record<string, LazyExoticComponent<any>>;