@jbrowse/plugin-sv-inspector 2.17.0 → 3.0.0

package/dist/LaunchSvInspectorView/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function LaunchSvInspectorViewF(pluginManager: PluginManager): void;

package/dist/LaunchSvInspectorView/index.js

@@ -2,9 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = LaunchSvInspectorViewF;
 function LaunchSvInspectorViewF(pluginManager) {
-    pluginManager.addToExtensionPoint('LaunchView-SvInspectorView', 
-    // @ts-expect-error
-    async ({ session, assembly, uri, fileType, }) => {
+    pluginManager.addToExtensionPoint('LaunchView-SvInspectorView', async ({ session, assembly, uri, fileType, }) => {
         var _a, _b;
         const view = session.addView('SvInspectorView');
         const exts = uri.split('.');

package/dist/SvInspectorView/components/CircularViewOptions.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { SvInspectorViewModel } from '../models/SvInspectorView';
+import type { SvInspectorViewModel } from '../model';
 declare const CircularViewOptions: ({ svInspector, }: {
     svInspector: SvInspectorViewModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default CircularViewOptions;

package/dist/SvInspectorView/components/CircularViewOptions.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const mobx_react_1 = require("mobx-react");
+const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
+const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     circularViewOptions: {
@@ -14,10 +11,8 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 }));
 const CircularViewOptions = (0, mobx_react_1.observer)(function ({ svInspector, }) {
     const { classes } = useStyles();
-    return (react_1.default.createElement(material_1.Grid, { container: true, className: classes.circularViewOptions, style: { height: svInspector.circularViewOptionsBarHeight } },
-        react_1.default.createElement(material_1.Grid, { item: true },
-            react_1.default.createElement(material_1.FormControlLabel, { control: react_1.default.createElement(material_1.Checkbox, { checked: svInspector.onlyDisplayRelevantRegionsInCircularView, onChange: e => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, className: classes.circularViewOptions, style: { height: svInspector.circularViewOptionsBarHeight }, children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { control: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { checked: svInspector.onlyDisplayRelevantRegionsInCircularView, onChange: e => {
                         svInspector.setOnlyDisplayRelevantRegionsInCircularView(e.target.checked);
-                    } }), label: "show only regions with data" }))));
+                    } }), label: "show only regions with data" }) }) }));
 });
 exports.default = CircularViewOptions;

package/dist/SvInspectorView/components/SvInspectorView.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
-import { SvInspectorViewModel } from '../models/SvInspectorView';
+import type { SvInspectorViewModel } from '../model';
 declare const SvInspectorView: ({ model, }: {
     model: SvInspectorViewModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SvInspectorView;

package/dist/SvInspectorView/components/SvInspectorView.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ui_1 = require("@jbrowse/core/ui");
 const mobx_react_1 = require("mobx-react");
 const mui_1 = require("tss-react/mui");
-const ui_1 = require("@jbrowse/core/ui");
 const CircularViewOptions_1 = __importDefault(require("./CircularViewOptions"));
 const useStyles = (0, mui_1.makeStyles)()(theme => ({
     resizeHandleVert: {
@@ -34,18 +34,11 @@ const useStyles = (0, mui_1.makeStyles)()(theme => ({
 const SvInspectorView = (0, mobx_react_1.observer)(function ({ model, }) {
     const { classes } = useStyles();
     const { SpreadsheetViewReactComponent, CircularViewReactComponent, showCircularView, } = model;
-    return (react_1.default.createElement("div", { className: classes.container },
-        react_1.default.createElement("div", { className: classes.viewsContainer },
-            react_1.default.createElement("div", { style: { width: model.spreadsheetView.width }, className: classes.container },
-                react_1.default.createElement(SpreadsheetViewReactComponent, { model: model.spreadsheetView })),
-            showCircularView ? (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(ui_1.ResizeHandle, { onDrag: distance => {
-                        const ret1 = model.circularView.resizeWidth(-distance);
-                        return model.spreadsheetView.resizeWidth(-ret1);
-                    }, vertical: true, flexbox: true, className: classes.resizeHandleVert }),
-                react_1.default.createElement("div", { style: { width: model.circularView.width } },
-                    react_1.default.createElement(CircularViewOptions_1.default, { svInspector: model }),
-                    react_1.default.createElement(CircularViewReactComponent, { model: model.circularView })))) : null),
-        react_1.default.createElement(ui_1.ResizeHandle, { onDrag: model.resizeHeight, className: classes.resizeHandleHoriz })));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: classes.container, children: [(0, jsx_runtime_1.jsxs)("div", { className: classes.viewsContainer, children: [(0, jsx_runtime_1.jsx)("div", { style: {
+                            width: model.spreadsheetView.width,
+                        }, className: classes.container, children: (0, jsx_runtime_1.jsx)(SpreadsheetViewReactComponent, { model: model.spreadsheetView }) }), showCircularView ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.ResizeHandle, { onDrag: distance => {
+                                    const ret1 = model.circularView.resizeWidth(-distance);
+                                    return model.spreadsheetView.resizeWidth(-ret1);
+                                }, vertical: true, flexbox: true, className: classes.resizeHandleVert }), (0, jsx_runtime_1.jsxs)("div", { style: { width: model.circularView.width }, children: [(0, jsx_runtime_1.jsx)(CircularViewOptions_1.default, { svInspector: model }), (0, jsx_runtime_1.jsx)(CircularViewReactComponent, { model: model.circularView })] })] })) : null] }), (0, jsx_runtime_1.jsx)(ui_1.ResizeHandle, { onDrag: model.resizeHeight, className: classes.resizeHandleHoriz })] }));
 });
 exports.default = SvInspectorView;

package/dist/SvInspectorView/index.d.ts

@@ -1,2 +1,2 @@
-import PluginManager from '@jbrowse/core/PluginManager';
+import type PluginManager from '@jbrowse/core/PluginManager';
 export default function SvInspectorViewF(pluginManager: PluginManager): void;

package/dist/SvInspectorView/index.js

@@ -1,33 +1,79 @@
 "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;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = SvInspectorViewF;
+const react_1 = require("react");
 const ViewType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/ViewType"));
-const SvInspectorView_1 = __importDefault(require("./components/SvInspectorView"));
-const SvInspectorView_2 = __importDefault(require("./models/SvInspectorView"));
 const util_1 = require("@jbrowse/core/util");
-function defaultOnChordClick(feature, chordTrack, pluginManager) {
-    const session = (0, util_1.getSession)(chordTrack);
-    session.setSelection(feature);
-    const view = (0, util_1.getContainingView)(chordTrack);
-    const viewType = pluginManager.getViewType('BreakpointSplitView');
-    const viewSnapshot = viewType.snapshotFromBreakendFeature(feature, view);
-    // try to center the offsetPx
-    viewSnapshot.views[0].offsetPx -= view.width / 2 + 100;
-    viewSnapshot.views[1].offsetPx -= view.width / 2 + 100;
-    session.addView('BreakpointSplitView', viewSnapshot);
+const sv_core_1 = require("@jbrowse/sv-core");
+const mobx_state_tree_1 = require("mobx-state-tree");
+const model_1 = __importDefault(require("./model"));
+function defaultOnChordClick(feature, chordTrack) {
+    ;
+    (async () => {
+        const session = (0, util_1.getSession)(chordTrack);
+        try {
+            session.setSelection(feature);
+            const view = (0, util_1.getContainingView)(chordTrack);
+            const parentView = (0, mobx_state_tree_1.getParent)(view);
+            const stableViewId = `${parentView.id}_spawned`;
+            await (0, sv_core_1.navToMultiLevelBreak)({
+                assemblyName: view.assemblyNames[0],
+                session,
+                stableViewId,
+                feature,
+            });
+        }
+        catch (e) {
+            console.error(e);
+            session.notifyError(`${e}`, e);
+        }
+    })();
 }
 function SvInspectorViewF(pluginManager) {
     pluginManager.jexl.addFunction('defaultOnChordClick', defaultOnChordClick);
     pluginManager.addViewType(() => {
-        const stateModel = (0, SvInspectorView_2.default)(pluginManager);
+        const stateModel = (0, model_1.default)(pluginManager);
         return new ViewType_1.default({
             name: 'SvInspectorView',
             displayName: 'SV inspector',
             stateModel,
-            ReactComponent: SvInspectorView_1.default,
+            ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/SvInspectorView')))),
         });
     });
 }