@jbrowse/plugin-circular-view 2.17.0 → 3.0.0

package/dist/BaseChordDisplay/components/BaseChordDisplay.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const BaseChordDisplay: ({ display, }: {
     display: {
         filled: boolean;
@@ -8,5 +7,5 @@ declare const BaseChordDisplay: ({ display, }: {
             radius: number;
         };
     };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default BaseChordDisplay;

package/dist/BaseChordDisplay/components/BaseChordDisplay.js

@@ -3,18 +3,19 @@ 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 mobx_react_1 = require("mobx-react");
-// locals
-const Loading_1 = __importDefault(require("./Loading"));
 const DisplayError_1 = __importDefault(require("./DisplayError"));
+const Loading_1 = __importDefault(require("./Loading"));
 const BaseChordDisplay = (0, mobx_react_1.observer)(function ({ display, }) {
     if (display.error) {
-        return react_1.default.createElement(DisplayError_1.default, { model: display });
+        return (0, jsx_runtime_1.jsx)(DisplayError_1.default, { model: display });
+    }
+    else if (!display.filled) {
+        return (0, jsx_runtime_1.jsx)(Loading_1.default, { model: display });
     }
-    if (!display.filled) {
-        return react_1.default.createElement(Loading_1.default, { model: display });
+    else {
+        return display.reactElement;
     }
-    return display.reactElement;
 });
 exports.default = BaseChordDisplay;

package/dist/BaseChordDisplay/components/DisplayError.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const DisplayError: ({ model, }: {
     model: {
         renderProps: {
@@ -6,5 +5,5 @@ declare const DisplayError: ({ model, }: {
         };
         error: unknown;
     };
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default DisplayError;

package/dist/BaseChordDisplay/components/DisplayError.js

@@ -1,18 +1,9 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
 const mobx_react_1 = require("mobx-react");
 const DisplayError = (0, mobx_react_1.observer)(function ({ model, }) {
     const { renderProps: { radius }, error, } = model;
-    return (react_1.default.createElement("g", null,
-        react_1.default.createElement("defs", null,
-            react_1.default.createElement("pattern", { id: "diagonalHatch", width: "10", height: "10", patternTransform: "rotate(45 0 0)", patternUnits: "userSpaceOnUse" },
-                react_1.default.createElement("line", { x1: "0", y1: "0", x2: "0", y2: "10", style: { stroke: 'rgba(255,0,0,0.5)', strokeWidth: 10 } }))),
-        react_1.default.createElement("circle", { cx: "0", cy: "0", r: radius, fill: "#ffb4b4" }),
-        react_1.default.createElement("circle", { cx: "0", cy: "0", r: radius, fill: "url(#diagonalHatch)" }),
-        react_1.default.createElement("text", { x: "0", y: "0", transform: "rotate(90 0 0)", dominantBaseline: "middle", textAnchor: "middle" }, String(error))));
+    return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("pattern", { id: "diagonalHatch", width: "10", height: "10", patternTransform: "rotate(45 0 0)", patternUnits: "userSpaceOnUse", children: (0, jsx_runtime_1.jsx)("line", { x1: "0", y1: "0", x2: "0", y2: "10", style: { stroke: 'rgba(255,0,0,0.5)', strokeWidth: 10 } }) }) }), (0, jsx_runtime_1.jsx)("circle", { cx: "0", cy: "0", r: radius, fill: "#ffb4b4" }), (0, jsx_runtime_1.jsx)("circle", { cx: "0", cy: "0", r: radius, fill: "url(#diagonalHatch)" }), (0, jsx_runtime_1.jsx)("text", { x: "0", y: "0", transform: "rotate(90 0 0)", dominantBaseline: "middle", textAnchor: "middle", children: String(error) })] }));
 });
 exports.default = DisplayError;

package/dist/BaseChordDisplay/components/Loading.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 declare const Loading: ({ model: { renderProps: { radius }, }, }: {
     model: {
         renderProps: {
             radius: number;
         };
     };
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export default Loading;

package/dist/BaseChordDisplay/components/Loading.js

@@ -1,31 +1,9 @@
 "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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const mui_1 = require("tss-react/mui");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
 const useStyles = (0, mui_1.makeStyles)()(theme => {
     const offset = 2;
     const duration = 1.4;
@@ -70,7 +48,6 @@ const useStyles = (0, mui_1.makeStyles)()(theme => {
 });
 const Loading = (0, mobx_react_1.observer)(function ({ model: { renderProps: { radius }, }, }) {
     const { classes } = useStyles();
-    // only show the loading message after 400ms to prevent excessive flickering
     const [shown, setShown] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => {
         const timeout = setTimeout(() => {
@@ -80,13 +57,6 @@ const Loading = (0, mobx_react_1.observer)(function ({ model: { renderProps: { r
             clearTimeout(timeout);
         };
     });
-    return !shown ? null : (react_1.default.createElement("g", null,
-        react_1.default.createElement("defs", null,
-            react_1.default.createElement("pattern", { id: "diagonalHatch", width: "10", height: "10", patternTransform: "rotate(45 0 0)", patternUnits: "userSpaceOnUse" },
-                react_1.default.createElement("line", { x1: "0", y1: "0", x2: "0", y2: "10", style: { stroke: 'rgba(255,255,255,0.5)', strokeWidth: 10 } }))),
-        react_1.default.createElement("circle", { cx: "0", cy: "0", r: radius, fill: "#f1f1f1" }),
-        react_1.default.createElement("circle", { cx: "0", cy: "0", r: radius, fill: "url(#diagonalHatch)" }),
-        react_1.default.createElement("text", { x: "0", y: "0", transform: "rotate(90 0 0)", dominantBaseline: "middle", textAnchor: "middle" }, "Loading\u2026"),
-        react_1.default.createElement("circle", { className: classes.path, fill: "none", strokeWidth: "4", strokeLinecap: "round", cx: "0", cy: "0", r: "60" })));
+    return !shown ? null : ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("pattern", { id: "diagonalHatch", width: "10", height: "10", patternTransform: "rotate(45 0 0)", patternUnits: "userSpaceOnUse", children: (0, jsx_runtime_1.jsx)("line", { x1: "0", y1: "0", x2: "0", y2: "10", style: { stroke: 'rgba(255,255,255,0.5)', strokeWidth: 10 } }) }) }), (0, jsx_runtime_1.jsx)("circle", { cx: "0", cy: "0", r: radius, fill: "#f1f1f1" }), (0, jsx_runtime_1.jsx)("circle", { cx: "0", cy: "0", r: radius, fill: "url(#diagonalHatch)" }), (0, jsx_runtime_1.jsx)("text", { x: "0", y: "0", transform: "rotate(90 0 0)", dominantBaseline: "middle", textAnchor: "middle", children: "Loading\u2026" }), (0, jsx_runtime_1.jsx)("circle", { className: classes.path, fill: "none", strokeWidth: "4", strokeLinecap: "round", cx: "0", cy: "0", r: "60" })] }));
 });
 exports.default = Loading;

package/dist/BaseChordDisplay/{models/configSchema.d.ts → configSchema.d.ts}

@@ -1,7 +1,4 @@
 declare const baseChordDisplayConfig: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    /**
-     * #slot
-     */
     onChordClick: {
         type: string;
         description: string;

package/dist/BaseChordDisplay/{models/configSchema.js → configSchema.js}

@@ -2,14 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.baseChordDisplayConfig = void 0;
 const configuration_1 = require("@jbrowse/core/configuration");
-/**
- * #config BaseChordDisplay
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+function x() { }
 const baseChordDisplayConfig = (0, configuration_1.ConfigurationSchema)('BaseChordDisplay', {
-    /**
-     * #slot
-     */
     onChordClick: {
         type: 'boolean',
         description: 'callback that should be run when a chord in the track is clicked',
@@ -17,9 +11,6 @@ const baseChordDisplayConfig = (0, configuration_1.ConfigurationSchema)('BaseCho
         contextVariable: ['feature', 'track', 'pluginManager'],
     },
 }, {
-    /**
-     * #identifier
-     */
     explicitIdentifier: 'displayId',
 });
 exports.baseChordDisplayConfig = baseChordDisplayConfig;

package/dist/BaseChordDisplay/index.d.ts

@@ -1,3 +1,3 @@
 export { default as BaseChordDisplayComponent } from './components/BaseChordDisplay';
-export { BaseChordDisplayModel } from './models/model';
-export { baseChordDisplayConfig } from './models/configSchema';
+export { BaseChordDisplayModel } from './model';
+export { baseChordDisplayConfig } from './configSchema';

package/dist/BaseChordDisplay/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.baseChordDisplayConfig = exports.BaseChordDisplayModel = exports.BaseChordDisplayComponent = void 0;
 var BaseChordDisplay_1 = require("./components/BaseChordDisplay");
 Object.defineProperty(exports, "BaseChordDisplayComponent", { enumerable: true, get: function () { return __importDefault(BaseChordDisplay_1).default; } });
-var model_1 = require("./models/model");
+var model_1 = require("./model");
 Object.defineProperty(exports, "BaseChordDisplayModel", { enumerable: true, get: function () { return model_1.BaseChordDisplayModel; } });
-var configSchema_1 = require("./models/configSchema");
+var configSchema_1 = require("./configSchema");
 Object.defineProperty(exports, "baseChordDisplayConfig", { enumerable: true, get: function () { return configSchema_1.baseChordDisplayConfig; } });

package/{esm/BaseChordDisplay/models → dist/BaseChordDisplay}/model.d.ts

@@ -1,9 +1,6 @@
-import React from 'react';
-import CircularChordRendererType from '@jbrowse/core/pluggableElementTypes/renderers/CircularChordRendererType';
-import RendererType from '@jbrowse/core/pluggableElementTypes/renderers/RendererType';
-import { AnyReactComponentType, Feature } from '@jbrowse/core/util';
-import { ExportSvgOptions } from '../../CircularView/models/model';
-import { ThemeOptions } from '@mui/material';
+import type { ExportSvgOptions } from '../CircularView/model';
+import type { AnyReactComponentType, Feature } from '@jbrowse/core/util';
+import type { ThemeOptions } from '@mui/material';
 export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<string>;
@@ -54,9 +51,7 @@ export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType
             rendererTypeName: string;
             error: unknown;
             message: string | undefined;
-        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree" /**
-         * #getter
-         */).IModelType<{
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
             id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
             type: import("mobx-state-tree").ISimpleType<string>;
             rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -88,64 +83,27 @@ export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType
     renderingComponent: undefined | AnyReactComponentType;
     refNameMap: Record<string, string> | undefined;
 } & {
-    /**
-     * #action
-     */
     onChordClick(feature: Feature): void;
 } & {
-    /**
-     * #getter
-     */
-    readonly blockDefinitions: import("../../CircularView/models/slices").Slice[];
-    /**
-     * #method
-     */
+    readonly blockDefinitions: import("../CircularView/slices").Slice[];
     renderProps(): any;
-    /**
-     * #getter
-     * the pluggable element type object for this display's renderer
-     */
-    readonly rendererType: RendererType | undefined;
-    /**
-     * #method
-     */
-    isCompatibleWithRenderer(renderer: RendererType): renderer is CircularChordRendererType;
-    /**
-     * #getter
-     * returns a string feature ID if the globally-selected object
-     * is probably a feature
-     */
+    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType | undefined;
     readonly selectedFeatureId: string | undefined;
 } & {
-    /**
-     * #action
-     */
     renderStarted(): void;
-    /**
-     * #action
-     */
     renderSuccess({ message, data, reactElement, html, renderingComponent, }: {
-        message: string;
-        data: any;
-        html: string;
-        reactElement: React.ReactElement;
-        renderingComponent: AnyReactComponentType;
+        message?: string;
+        data?: any;
+        html?: string;
+        reactElement?: React.ReactElement;
+        renderingComponent?: AnyReactComponentType;
     }): void;
-    /**
-     * #action
-     */
     renderError(error: unknown): void;
-    /**
-     * #action
-     */
     setRefNameMap(refNameMap: Record<string, string>): void;
 } & {
     afterAttach(): void;
 } & {
-    /**
-     * #method
-     */
     renderSvg(opts: ExportSvgOptions & {
         theme?: ThemeOptions;
-    }): Promise<React.JSX.Element>;
+    }): Promise<import("react/jsx-runtime").JSX.Element>;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/dist/BaseChordDisplay/{models/model.js → model.js}

@@ -1,45 +1,22 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseChordDisplayModel = void 0;
-const react_1 = __importDefault(require("react"));
-const clone_1 = __importDefault(require("clone"));
-const mobx_state_tree_1 = require("mobx-state-tree");
-// jbrowse
+const jsx_runtime_1 = require("react/jsx-runtime");
 const configuration_1 = require("@jbrowse/core/configuration");
 const models_1 = require("@jbrowse/core/pluggableElementTypes/models");
-const CircularChordRendererType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/renderers/CircularChordRendererType"));
 const util_1 = require("@jbrowse/core/util");
 const tracks_1 = require("@jbrowse/core/util/tracks");
-// locals
-const renderReaction_1 = require("./renderReaction");
+const mobx_state_tree_1 = require("mobx-state-tree");
 const configSchema_1 = require("./configSchema");
-/**
- * #stateModel BaseChordDisplay
- * extends
- * - [BaseDisplay](../basedisplay)
- */
-function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+const renderReaction_1 = require("./renderReaction");
+function x() { }
 exports.BaseChordDisplayModel = mobx_state_tree_1.types
     .compose('BaseChordDisplay', models_1.BaseDisplay, mobx_state_tree_1.types.model({
-    /**
-     * #property
-     */
     bezierRadiusRatio: 0.1,
-    /**
-     * #property
-     */
     assemblyName: mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.string),
-    /**
-     * #property
-     */
     configuration: (0, configuration_1.ConfigurationReference)(configSchema_1.baseChordDisplayConfig),
 }))
     .volatile(() => ({
-    // NOTE: all this volatile stuff has to be filled in at once
-    // so that it stays consistent
     filled: false,
     reactElement: undefined,
     data: undefined,
@@ -52,42 +29,32 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
     const { pluginManager } = (0, util_1.getEnv)(self);
     const track = self;
     return {
-        /**
-         * #action
-         */
         onChordClick(feature) {
             (0, configuration_1.getConf)(self, 'onChordClick', { feature, track, pluginManager });
         },
     };
 })
     .views(self => ({
-    /**
-     * #getter
-     */
     get blockDefinitions() {
         const view = (0, util_1.getContainingView)(self);
         const origSlices = view.staticSlices;
         if (!self.refNameMap) {
             return origSlices;
         }
-        const slices = (0, clone_1.default)(origSlices);
-        slices.forEach(slice => {
+        const slices = structuredClone(origSlices);
+        for (const slice of slices) {
             const regions = slice.region.elided
                 ? slice.region.regions
                 : [slice.region];
-            regions.forEach(region => {
-                var _a;
-                const renamed = (_a = self.refNameMap) === null || _a === void 0 ? void 0 : _a[region.refName];
+            for (const region of regions) {
+                const renamed = self.refNameMap[region.refName];
                 if (renamed && region.refName !== renamed) {
                     region.refName = renamed;
                 }
-            });
-        });
+            }
+        }
         return slices;
     },
-    /**
-     * #method
-     */
     renderProps() {
         const view = (0, util_1.getContainingView)(self);
         return {
@@ -99,41 +66,18 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
             onChordClick: self.onChordClick,
         };
     },
-    /**
-     * #getter
-     * the pluggable element type object for this display's renderer
-     */
     get rendererType() {
         return (0, util_1.getEnv)(self).pluginManager.getRendererType(self.rendererTypeName);
     },
-    /**
-     * #method
-     */
-    isCompatibleWithRenderer(renderer) {
-        return !!(renderer instanceof CircularChordRendererType_1.default);
-    },
-    /**
-     * #getter
-     * returns a string feature ID if the globally-selected object
-     * is probably a feature
-     */
     get selectedFeatureId() {
         if (!(0, mobx_state_tree_1.isAlive)(self)) {
             return undefined;
         }
-        const session = (0, util_1.getSession)(self);
-        const { selection } = session;
-        // does it quack like a feature?
-        if ((0, util_1.isFeature)(selection)) {
-            return selection.id();
-        }
-        return undefined;
+        const { selection } = (0, util_1.getSession)(self);
+        return (0, util_1.isFeature)(selection) ? selection.id() : undefined;
     },
 }))
     .actions(self => ({
-    /**
-     * #action
-     */
     renderStarted() {
         self.filled = false;
         self.message = '';
@@ -143,9 +87,6 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
         self.error = undefined;
         self.renderingComponent = undefined;
     },
-    /**
-     * #action
-     */
     renderSuccess({ message, data, reactElement, html, renderingComponent, }) {
         if (message) {
             self.filled = false;
@@ -166,12 +107,8 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
             self.renderingComponent = renderingComponent;
         }
     },
-    /**
-     * #action
-     */
     renderError(error) {
         console.error(error);
-        // the rendering failed for some reason
         self.filled = false;
         self.message = '';
         self.reactElement = undefined;
@@ -180,33 +117,36 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
         self.error = error;
         self.renderingComponent = undefined;
     },
-    /**
-     * #action
-     */
     setRefNameMap(refNameMap) {
         self.refNameMap = refNameMap;
     },
 }))
     .actions(self => ({
     afterAttach() {
-        (0, util_1.makeAbortableReaction)(self, renderReaction_1.renderReactionData, 
-        // @ts-expect-error
-        renderReaction_1.renderReactionEffect, {
+        (0, util_1.makeAbortableReaction)(self, renderReaction_1.renderReactionData, renderReaction_1.renderReactionEffect, {
             name: `${self.type} ${self.id} rendering`,
-            // delay: self.renderDelay || 300,
             fireImmediately: true,
         }, self.renderStarted, self.renderSuccess, self.renderError);
-        (0, util_1.makeAbortableReaction)(self, () => ({
-            assemblyNames: (0, tracks_1.getTrackAssemblyNames)(self.parentTrack),
-            adapter: (0, configuration_1.getConf)((0, mobx_state_tree_1.getParent)(self, 2), 'adapter'),
-            assemblyManager: (0, util_1.getSession)(self).assemblyManager,
-        }), async ({ assemblyNames, adapter, assemblyManager }, signal) => {
-            return assemblyManager.getRefNameMapForAdapter(adapter, assemblyNames[0], { signal, sessionId: (0, tracks_1.getRpcSessionId)(self) });
+        (0, util_1.makeAbortableReaction)(self, () => {
+            return {
+                assemblyNames: (0, tracks_1.getTrackAssemblyNames)(self.parentTrack),
+                adapter: (0, configuration_1.getConf)((0, mobx_state_tree_1.getParent)(self, 2), 'adapter'),
+                assemblyManager: (0, util_1.getSession)(self).assemblyManager,
+            };
+        }, async (args, stopToken) => {
+            return args
+                ? args.assemblyManager.getRefNameMapForAdapter(args.adapter, args.assemblyNames[0], {
+                    stopToken,
+                    sessionId: (0, tracks_1.getRpcSessionId)(self),
+                })
+                : undefined;
         }, {
             name: `${self.type} ${self.id} getting refNames`,
             fireImmediately: true,
         }, () => { }, refNameMap => {
-            self.setRefNameMap(refNameMap);
+            if (refNameMap) {
+                self.setRefNameMap(refNameMap);
+            }
         }, error => {
             console.error(error);
             self.setError(error);
@@ -214,16 +154,13 @@ exports.BaseChordDisplayModel = mobx_state_tree_1.types
     },
 }))
     .views(self => ({
-    /**
-     * #method
-     */
     async renderSvg(opts) {
         const data = (0, renderReaction_1.renderReactionData)(self);
         const rendering = await (0, renderReaction_1.renderReactionEffect)({
             ...data,
             exportSVG: opts,
             theme: opts.theme || data.renderProps.theme,
-        }, undefined, self);
-        return react_1.default.createElement(util_1.ReactRendering, { rendering: rendering });
+        });
+        return (0, jsx_runtime_1.jsx)(util_1.ReactRendering, { rendering: rendering });
     },
 }));

package/dist/BaseChordDisplay/renderReaction.d.ts

@@ -0,0 +1,27 @@
+export declare function renderReactionData(self: any): {
+    rendererType: any;
+    rpcManager: import("@jbrowse/core/rpc/RpcManager").default;
+    renderProps: any;
+    renderArgs: {
+        assemblyName: string;
+        adapterConfig: any;
+        rendererType: any;
+        regions: import("@jbrowse/core/util").Region[] & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[], import("@jbrowse/core/util").Region[]>, [undefined]>>;
+        blockDefinitions: any;
+        sessionId: string;
+        timeout: number;
+    };
+};
+export declare function renderReactionEffect(props?: any, stopToken?: string): Promise<{
+    message: any;
+    html?: undefined;
+    data?: undefined;
+    reactElement?: undefined;
+    renderingComponent?: undefined;
+} | {
+    html: any;
+    data: any;
+    reactElement: any;
+    renderingComponent: any;
+    message?: undefined;
+}>;

package/dist/BaseChordDisplay/{models/renderReaction.js → renderReaction.js}

@@ -1,13 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderReactionData = renderReactionData;
 exports.renderReactionEffect = renderReactionEffect;
-const clone_1 = __importDefault(require("clone"));
-const tracks_1 = require("@jbrowse/core/util/tracks");
 const util_1 = require("@jbrowse/core/util");
+const tracks_1 = require("@jbrowse/core/util/tracks");
 function renderReactionData(self) {
     const view = (0, util_1.getContainingView)(self);
     const { rendererType } = self;
@@ -18,16 +14,16 @@ function renderReactionData(self) {
         renderProps: self.renderProps(),
         renderArgs: {
             assemblyName: view.displayedRegions[0].assemblyName,
-            adapterConfig: (0, clone_1.default)(self.adapterConfig),
+            adapterConfig: structuredClone(self.adapterConfig),
             rendererType: rendererType.name,
-            regions: (0, clone_1.default)(view.displayedRegions),
+            regions: structuredClone(view.displayedRegions),
             blockDefinitions: self.blockDefinitions,
             sessionId: (0, tracks_1.getRpcSessionId)(self),
             timeout: 1000000,
         },
     };
 }
-async function renderReactionEffect(props, signal, self) {
+async function renderReactionEffect(props, stopToken) {
     var _a;
     if (!props) {
         throw new Error('cannot render with no props');
@@ -36,18 +32,14 @@ async function renderReactionEffect(props, signal, self) {
     if (cannotBeRenderedReason) {
         return { message: cannotBeRenderedReason };
     }
-    // don't try to render 0 or NaN radius or no regions
     if (!renderProps.radius || !((_a = renderArgs.regions) === null || _a === void 0 ? void 0 : _a.length)) {
         return { message: 'Skipping render' };
     }
-    // check renderertype compatibility
-    if (!self.isCompatibleWithRenderer(rendererType)) {
-        throw new Error(`renderer ${rendererType.name} is not compatible with this display type`);
-    }
     const { html, ...data } = await rendererType.renderInClient(rpcManager, {
         ...renderArgs,
         ...renderProps,
         exportSVG,
+        stopToken,
     });
     return {
         html,

package/dist/CircularView/components/CircularView.d.ts

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