@jbrowse/plugin-lollipop 3.7.0 → 4.0.1

package/esm/LinearLollipopDisplay/model.js

@@ -1,6 +1,6 @@
 import { ConfigurationReference } from '@jbrowse/core/configuration';
+import { types } from '@jbrowse/mobx-state-tree';
 import { BaseLinearDisplay } from '@jbrowse/plugin-linear-genome-view';
-import { types } from 'mobx-state-tree';
 export function stateModelFactory(configSchema) {
     return types
         .compose('LinearLollipopDisplay', BaseLinearDisplay, types.model({
@@ -19,7 +19,6 @@ export function stateModelFactory(configSchema) {
             renderProps() {
                 return {
                     ...superRenderProps(),
-                    rpcDriverName: self.rpcDriverName,
                     config: self.configuration.renderer,
                 };
             },

package/esm/LollipopRenderer/Layout.d.ts

@@ -6,49 +6,25 @@ interface LayoutItem {
     height: number;
     data: {
         score: number;
+        featureId: string;
+        anchorX: number;
+        radiusPx: number;
     };
 }
-type LayoutEntry = LayoutItem & {
+export type LayoutEntry = LayoutItem & {
     x: number;
     y: number;
 };
-type LayoutMap = Map<string, LayoutEntry>;
 export declare class FloatingLayout {
     width: number;
     totalHeight: number;
-    rectangles: Map<any, any>;
+    items: LayoutItem[];
+    layout: Map<string, LayoutEntry>;
     constructor({ width }: {
         width: number;
     });
-    discardRange(): void;
-    items: LayoutItem[];
-    layout: LayoutMap;
-    add(uniqueId: string, anchorLocation: number, width: number, height: number, data: {
-        score: number;
-    }): void;
-    getLayout(configuration?: AnyConfigurationModel): LayoutMap;
-    getTotalHeight(): number;
-    serializeRegion(): {
-        pairs: [string, LayoutEntry][];
-        totalHeight: number;
-    };
-    toJSON(): {
-        pairs: [string, LayoutEntry][];
-        totalHeight: number;
-    };
-    static fromJSON(): void;
-}
-export declare class PrecomputedFloatingLayout {
-    layout: LayoutMap;
-    totalHeight: number;
-    constructor({ pairs, totalHeight, }: {
-        pairs: [string, LayoutEntry][];
-        totalHeight: number;
-    });
-    add(uniqueId: string): void;
-    getLayout(): LayoutMap;
+    add(uniqueId: string, anchorLocation: number, width: number, height: number, data: LayoutItem['data']): void;
+    getLayout(configuration?: AnyConfigurationModel): Map<string, LayoutEntry>;
     getTotalHeight(): number;
-    discardRange(): void;
-    static fromJSON(json: ConstructorParameters<typeof PrecomputedFloatingLayout>[0]): PrecomputedFloatingLayout;
 }
 export {};

package/esm/LollipopRenderer/Layout.js

@@ -1,21 +1,16 @@
 import { readConfObject } from '@jbrowse/core/configuration';
 import { doesIntersect2 } from '@jbrowse/core/util/range';
 export class FloatingLayout {
+    width;
+    totalHeight = 0;
+    items = [];
+    layout = new Map();
     constructor({ width }) {
-        this.totalHeight = 0;
-        this.rectangles = new Map();
-        this.items = [];
-        this.layout = new Map();
         if (!width) {
             throw new Error('width required to make a new FloatingLayout');
         }
         this.width = width;
     }
-    discardRange() {
-        this.items = [];
-        this.layout = new Map();
-        this.totalHeight = 0;
-    }
     add(uniqueId, anchorLocation, width, height, data) {
         this.items.push({
             uniqueId,
@@ -71,38 +66,4 @@ export class FloatingLayout {
     getTotalHeight() {
         return this.totalHeight;
     }
-    serializeRegion() {
-        return this.toJSON();
-    }
-    toJSON() {
-        return {
-            pairs: [...this.getLayout()],
-            totalHeight: this.getTotalHeight(),
-        };
-    }
-    static fromJSON() {
-        throw new Error('not supported');
-    }
-}
-export class PrecomputedFloatingLayout {
-    constructor({ pairs, totalHeight, }) {
-        this.layout = new Map(pairs);
-        this.totalHeight = totalHeight;
-    }
-    add(uniqueId) {
-        if (!this.layout.has(uniqueId)) {
-            throw new Error(`layout error, precomputed layout is missing ${uniqueId}`);
-        }
-    }
-    getLayout() {
-        return this.layout;
-    }
-    getTotalHeight() {
-        return this.totalHeight;
-    }
-    discardRange() {
-    }
-    static fromJSON(json) {
-        return new PrecomputedFloatingLayout(json);
-    }
 }

package/esm/LollipopRenderer/LollipopRenderer.d.ts

@@ -1,8 +1,3 @@
-import BoxRendererType from '@jbrowse/core/pluggableElementTypes/renderers/BoxRendererType';
-import { FloatingLayoutSession } from './FloatingLayoutSession';
-import { PrecomputedFloatingLayout } from './Layout';
-import type { LayoutSessionProps } from '@jbrowse/core/pluggableElementTypes/renderers/LayoutSession';
-export default class LollipopRenderer extends BoxRendererType {
-    createLayoutSession(props: LayoutSessionProps): FloatingLayoutSession;
-    deserializeLayoutInClient(json: any): PrecomputedFloatingLayout;
+import FeatureRendererType from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
+export default class LollipopRenderer extends FeatureRendererType {
 }

package/esm/LollipopRenderer/LollipopRenderer.js

@@ -1,11 +1,3 @@
-import BoxRendererType from '@jbrowse/core/pluggableElementTypes/renderers/BoxRendererType';
-import { FloatingLayoutSession } from './FloatingLayoutSession';
-import { PrecomputedFloatingLayout } from './Layout';
-export default class LollipopRenderer extends BoxRendererType {
-    createLayoutSession(props) {
-        return new FloatingLayoutSession(props);
-    }
-    deserializeLayoutInClient(json) {
-        return new PrecomputedFloatingLayout(json);
-    }
+import FeatureRendererType from '@jbrowse/core/pluggableElementTypes/renderers/FeatureRendererType';
+export default class LollipopRenderer extends FeatureRendererType {
 }

package/esm/LollipopRenderer/components/Lollipop.d.ts

@@ -1,2 +1,18 @@
-declare const Lollipop: (props: Record<string, any>) => import("react/jsx-runtime").JSX.Element;
+import type { LayoutEntry } from '../Layout.ts';
+import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { Feature } from '@jbrowse/core/util';
+declare const Lollipop: ({ feature, config, layoutRecord, selectedFeatureId, onFeatureMouseDown, onFeatureMouseEnter, onFeatureMouseOut, onFeatureMouseOver, onFeatureMouseUp, onFeatureMouseLeave, onFeatureMouseMove, onFeatureClick, }: {
+    feature: Feature;
+    config: AnyConfigurationModel;
+    layoutRecord: LayoutEntry;
+    selectedFeatureId?: string;
+    onFeatureMouseDown?: (event: React.MouseEvent, id: string) => void;
+    onFeatureMouseEnter?: (event: React.MouseEvent, id: string) => void;
+    onFeatureMouseOut?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;
+    onFeatureMouseOver?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;
+    onFeatureMouseUp?: (event: React.MouseEvent, id: string) => void;
+    onFeatureMouseLeave?: (event: React.MouseEvent, id: string) => void;
+    onFeatureMouseMove?: (event: React.MouseEvent, id: string) => void;
+    onFeatureClick?: (event: React.MouseEvent, id: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
 export default Lollipop;

package/esm/LollipopRenderer/components/Lollipop.js

@@ -1,82 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { readConfObject } from '@jbrowse/core/configuration';
 import { observer } from 'mobx-react';
-import ScoreText from './ScoreText';
-const Lollipop = observer(function Lollipop(props) {
-    const { feature, config, layoutRecord, selectedFeatureId } = props;
+import ScoreText from "./ScoreText.js";
+function Circle({ cx, cy, r, style, featureId, onFeatureMouseDown, onFeatureMouseEnter, onFeatureMouseOut, onFeatureMouseOver, onFeatureMouseUp, onFeatureMouseLeave, onFeatureMouseMove, onFeatureClick, }) {
+    return (_jsx("circle", { cx: cx, cy: cy, r: r, style: style, onMouseDown: e => onFeatureMouseDown?.(e, featureId), onMouseEnter: e => onFeatureMouseEnter?.(e, featureId), onMouseOut: e => onFeatureMouseOut?.(e, featureId), onMouseOver: e => onFeatureMouseOver?.(e, featureId), onMouseUp: e => onFeatureMouseUp?.(e, featureId), onMouseLeave: e => onFeatureMouseLeave?.(e, featureId), onMouseMove: e => onFeatureMouseMove?.(e, featureId), onClick: e => {
+            e.stopPropagation();
+            onFeatureClick?.(e, featureId);
+        }, onFocus: e => onFeatureMouseOver?.(e, featureId), onBlur: e => onFeatureMouseOut?.(e, featureId) }));
+}
+const Lollipop = observer(function Lollipop({ feature, config, layoutRecord, selectedFeatureId, onFeatureMouseDown, onFeatureMouseEnter, onFeatureMouseOut, onFeatureMouseOver, onFeatureMouseUp, onFeatureMouseLeave, onFeatureMouseMove, onFeatureClick, }) {
     const { anchorLocation, y, data: { radiusPx }, } = layoutRecord;
-    const styleOuter = {
-        fill: readConfObject(config, 'strokeColor', { feature }),
-    };
-    if (String(selectedFeatureId) === String(feature.id())) {
-        styleOuter.fill = 'red';
-    }
-    const styleInner = {
-        fill: readConfObject(config, 'innerColor', { feature }),
-    };
+    const featureId = feature.id();
     const strokeWidth = readConfObject(config, 'strokeWidth', { feature });
-    return (_jsxs("g", { "data-testid": feature.id(), children: [_jsx("title", { children: readConfObject(config, 'caption', { feature }) }), _jsx("circle", { cx: anchorLocation, cy: y + radiusPx, r: radiusPx, style: styleOuter, onMouseDown: (event) => {
-                    const { onFeatureMouseDown: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseEnter: (event) => {
-                    const { onFeatureMouseEnter: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseOut: (event) => {
-                    const { onFeatureMouseOut: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseOver: (event) => {
-                    const { onFeatureMouseOver: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseUp: (event) => {
-                    const { onFeatureMouseUp: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseLeave: (event) => {
-                    const { onFeatureMouseLeave: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseMove: (event) => {
-                    const { onFeatureMouseMove: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onClick: (event) => {
-                    const { onFeatureClick: handler, feature } = props;
-                    event.stopPropagation();
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onFocus: (event) => {
-                    const { onFeatureMouseOver: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onBlur: (event) => {
-                    const { onFeatureMouseOut: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                } }), radiusPx - strokeWidth <= 2 ? null : (_jsx("circle", { cx: anchorLocation, cy: y + radiusPx, r: radiusPx - strokeWidth, style: styleInner, onMouseDown: (event) => {
-                    const { onFeatureMouseDown: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseEnter: (event) => {
-                    const { onFeatureMouseEnter: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseOut: (event) => {
-                    const { onFeatureMouseOut: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseOver: (event) => {
-                    const { onFeatureMouseOver: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseUp: (event) => {
-                    const { onFeatureMouseUp: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseLeave: (event) => {
-                    const { onFeatureMouseLeave: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onMouseMove: (event) => {
-                    const { onFeatureMouseMove: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onClick: (event) => {
-                    const { onFeatureClick: handler, feature } = props;
-                    event.stopPropagation();
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onFocus: (event) => {
-                    const { onFeatureMouseOver: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                }, onBlur: (event) => {
-                    const { onFeatureMouseOut: handler, feature } = props;
-                    return handler === null || handler === void 0 ? void 0 : handler(event, feature.id());
-                } })), _jsx(ScoreText, { feature: feature, config: config, layoutRecord: layoutRecord })] }));
+    const cx = anchorLocation;
+    const cy = y + radiusPx;
+    const handlers = {
+        featureId,
+        onFeatureMouseDown,
+        onFeatureMouseEnter,
+        onFeatureMouseOut,
+        onFeatureMouseOver,
+        onFeatureMouseUp,
+        onFeatureMouseLeave,
+        onFeatureMouseMove,
+        onFeatureClick,
+    };
+    return (_jsxs("g", { "data-testid": featureId, children: [_jsx("title", { children: readConfObject(config, 'caption', { feature }) }), _jsx(Circle, { cx: cx, cy: cy, r: radiusPx, style: {
+                    fill: String(selectedFeatureId) === String(featureId)
+                        ? 'red'
+                        : readConfObject(config, 'strokeColor', { feature }),
+                }, ...handlers }), radiusPx - strokeWidth > 2 ? (_jsx(Circle, { cx: cx, cy: cy, r: radiusPx - strokeWidth, style: { fill: readConfObject(config, 'innerColor', { feature }) }, ...handlers })) : null, _jsx(ScoreText, { feature: feature, config: config, layoutRecord: layoutRecord })] }));
 });
 export default Lollipop;

package/esm/LollipopRenderer/components/LollipopRendering.js

@@ -1,10 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Fragment, useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useMemo } from 'react';
 import { readConfObject } from '@jbrowse/core/configuration';
 import { bpToPx } from '@jbrowse/core/util';
 import { observer } from 'mobx-react';
-import Lollipop from './Lollipop';
-import Stick from './Stick';
+import { FloatingLayout } from "../Layout.js";
+import Lollipop from "./Lollipop.js";
+import Stick from "./Stick.js";
 function layoutFeat(args) {
     const { feature, bpPerPx, config, region, layout } = args;
     const centerBp = Math.abs(feature.get('end') + feature.get('start')) / 2;
@@ -17,60 +18,55 @@ function layoutFeat(args) {
         featureId: feature.id(),
         anchorX: centerPx,
         radiusPx,
-        score: readConfObject(args.config, 'score', { feature }),
+        score: readConfObject(config, 'score', { feature }),
     });
 }
-const LollipopRendering = observer(function (props) {
+const LollipopRendering = observer(function LollipopRendering(props) {
     const onMouseDown = (event) => {
         const { onMouseDown: handler } = props;
-        return handler === null || handler === void 0 ? void 0 : handler(event);
+        return handler?.(event);
     };
     const onMouseUp = (event) => {
         const { onMouseUp: handler } = props;
-        return handler === null || handler === void 0 ? void 0 : handler(event);
+        return handler?.(event);
     };
     const onMouseEnter = (event) => {
         const { onMouseEnter: handler } = props;
-        return handler === null || handler === void 0 ? void 0 : handler(event);
+        return handler?.(event);
     };
     const onMouseLeave = (event) => {
         const { onMouseLeave: handler } = props;
-        return handler === null || handler === void 0 ? void 0 : handler(event);
+        return handler?.(event);
     };
     const onMouseOver = (event) => {
         const { onMouseOver: handler } = props;
-        return handler === null || handler === void 0 ? void 0 : handler(event);
+        return handler?.(event);
     };
     const onMouseOut = (event) => {
         const { onMouseOut: handler } = props;
-        return handler === null || handler === void 0 ? void 0 : handler(event);
+        return handler?.(event);
     };
     const onClick = (event) => {
         const { onClick: handler } = props;
-        return handler === null || handler === void 0 ? void 0 : handler(event);
+        return handler?.(event);
     };
-    const [client, setClient] = useState(false);
-    useEffect(() => {
-        setClient(true);
-    }, []);
-    const { regions, bpPerPx, layout, config, features = new Map(), displayModel = {}, } = props;
+    const { regions, bpPerPx, config, features = new Map(), displayModel = {}, } = props;
     const { selectedFeatureId } = displayModel;
     const region = regions[0];
-    for (const feature of features.values()) {
-        layoutFeat({
-            feature,
-            bpPerPx,
-            region,
-            config,
-            layout,
-        });
-    }
     const width = (region.end - region.start) / bpPerPx;
-    const records = [...layout.getLayout(config).values()];
-    const height = layout.getTotalHeight();
-    return (_jsx("svg", { width: width, height: height, style: { position: 'relative' }, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onFocus: onMouseEnter, onBlur: onMouseLeave, onClick: onClick, children: client ? (_jsx(_Fragment, { children: records.map(layoutRecord => {
-                const feature = features.get(layoutRecord.data.featureId);
-                return (_jsxs(Fragment, { children: [_jsx(Stick, { ...props, config: config, layoutRecord: layoutRecord, feature: feature }, `stick-${feature.id()}`), _jsx(Lollipop, { ...props, layoutRecord: layoutRecord, feature: feature, selectedFeatureId: selectedFeatureId }, `body-${feature.id()}`)] }, feature.id()));
-            }) })) : null }));
+    const { records, height } = useMemo(() => {
+        const layout = new FloatingLayout({ width });
+        for (const feature of features.values()) {
+            layoutFeat({ feature, bpPerPx, region, config, layout });
+        }
+        return {
+            records: [...layout.getLayout(config).values()],
+            height: layout.getTotalHeight(),
+        };
+    }, [features, bpPerPx, region, config, width]);
+    return (_jsx("svg", { width: width, height: height, style: { position: 'relative' }, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onMouseOver: onMouseOver, onMouseOut: onMouseOut, onFocus: onMouseEnter, onBlur: onMouseLeave, onClick: onClick, children: records.map(layoutRecord => {
+            const feature = features.get(layoutRecord.data.featureId);
+            return (_jsxs(Fragment, { children: [_jsx(Stick, { config: config, layoutRecord: layoutRecord, feature: feature }), _jsx(Lollipop, { config: config, layoutRecord: layoutRecord, feature: feature, selectedFeatureId: selectedFeatureId, onFeatureMouseDown: props.onFeatureMouseDown, onFeatureMouseEnter: props.onFeatureMouseEnter, onFeatureMouseOut: props.onFeatureMouseOut, onFeatureMouseOver: props.onFeatureMouseOver, onFeatureMouseUp: props.onFeatureMouseUp, onFeatureMouseLeave: props.onFeatureMouseLeave, onFeatureMouseMove: props.onFeatureMouseMove, onFeatureClick: props.onFeatureClick })] }, feature.id()));
+        }) }));
 });
 export default LollipopRendering;

package/esm/LollipopRenderer/components/Stick.d.ts

@@ -1,14 +1,9 @@
+import type { LayoutEntry } from '../Layout.ts';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
 import type { Feature } from '@jbrowse/core/util';
 declare const Stick: ({ feature, config, layoutRecord: { anchorLocation, y, data: { radiusPx }, }, }: {
     feature: Feature;
     config: AnyConfigurationModel;
-    layoutRecord: {
-        anchorLocation: number;
-        y: number;
-        data: {
-            radiusPx: number;
-        };
-    };
+    layoutRecord: LayoutEntry;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Stick;

package/esm/LollipopRenderer/configSchema.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+declare const _default: import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaType<{
     strokeColor: {
         type: string;
         description: string;
@@ -52,5 +52,5 @@ declare const _default: import("@jbrowse/core/configuration/configurationSchema"
         defaultValue: string;
         contextVariable: string[];
     };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
+}, import("node_modules/@jbrowse/core/src/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, undefined>>;
 export default _default;

package/esm/LollipopRenderer/index.js

@@ -1,10 +1,10 @@
-import LollipopRenderer from './LollipopRenderer';
-import ReactComponent from './components/LollipopRendering';
-import configSchema from './configSchema';
+import { lazy } from 'react';
+import LollipopRenderer from "./LollipopRenderer.js";
+import configSchema from "./configSchema.js";
 export default function LollipopRendererF(pluginManager) {
     pluginManager.addRendererType(() => new LollipopRenderer({
         name: 'LollipopRenderer',
-        ReactComponent,
+        ReactComponent: lazy(() => import("./components/LollipopRendering.js")),
         configSchema,
         pluginManager,
     }));

package/esm/index.js

@@ -1,11 +1,8 @@
 import Plugin from '@jbrowse/core/Plugin';
-import LinearLollipopDisplayF from './LinearLollipopDisplay';
-import LollipopRendererF from './LollipopRenderer';
+import LinearLollipopDisplayF from "./LinearLollipopDisplay/index.js";
+import LollipopRendererF from "./LollipopRenderer/index.js";
 export default class LollipopPlugin extends Plugin {
-    constructor() {
-        super(...arguments);
-        this.name = 'LollipopPlugin';
-    }
+    name = 'LollipopPlugin';
     install(pluginManager) {
         LollipopRendererF(pluginManager);
         LinearLollipopDisplayF(pluginManager);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-lollipop",
-  "version": "3.7.0",
+  "version": "4.0.1",
   "description": "JBrowse 2 plugin for lollipops",
   "keywords": [
     "jbrowse",
@@ -15,42 +15,36 @@
     "directory": "plugins/lollipop"
   },
   "author": "JBrowse Team",
-  "distMain": "dist/index.js",
-  "srcMain": "src/index.ts",
-  "main": "dist/index.js",
+  "main": "esm/index.js",
   "files": [
-    "dist",
     "esm"
   ],
-  "scripts": {
-    "build": "npm-run-all build:*",
-    "test": "cd ../..; jest --passWithNoTests plugins/lollipop",
-    "prepublishOnly": "yarn test",
-    "prepack": "yarn build && yarn useDist",
-    "postpack": "yarn useSrc",
-    "useDist": "node ../../scripts/useDist.js",
-    "useSrc": "node ../../scripts/useSrc.js",
-    "prebuild": "npm run clean",
-    "build:esm": "tsc --build tsconfig.build.esm.json",
-    "build:commonjs": "tsc --build tsconfig.build.commonjs.json",
-    "clean": "rimraf dist esm *.tsbuildinfo"
-  },
   "dependencies": {
-    "@jbrowse/core": "^3.7.0",
-    "@jbrowse/plugin-linear-genome-view": "^3.7.0",
-    "@mui/material": "^7.0.0",
-    "mobx": "^6.0.0",
-    "mobx-react": "^9.0.0",
-    "mobx-state-tree": "^5.0.0"
+    "@jbrowse/mobx-state-tree": "^5.5.0",
+    "mobx": "^6.15.0",
+    "mobx-react": "^9.2.1",
+    "@jbrowse/core": "^4.0.1",
+    "@jbrowse/plugin-linear-genome-view": "^4.0.1"
   },
   "peerDependencies": {
     "react": ">=18.0.0"
   },
-  "distModule": "esm/index.js",
-  "srcModule": "src/index.ts",
-  "module": "esm/index.js",
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "85bdd0d58286b7adbfd408146b15847676317635"
-}
+  "sideEffects": false,
+  "scripts": {
+    "build": "pnpm run /^build:/",
+    "test": "cd ../..; jest --passWithNoTests plugins/lollipop",
+    "prebuild": "pnpm clean",
+    "build:esm": "tsc -p tsconfig.build.esm.json",
+    "clean": "rimraf esm *.tsbuildinfo"
+  },
+  "types": "esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./esm/index.d.ts",
+      "import": "./esm/index.js"
+    }
+  }
+}

package/dist/LinearLollipopDisplay/configSchema.d.ts

@@ -1,31 +0,0 @@
-import type PluginManager from '@jbrowse/core/PluginManager';
-export declare function configSchemaFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    renderer: import("mobx-state-tree").IAnyModelType;
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
-    maxFeatureScreenDensity: {
-        type: string;
-        description: string;
-        defaultValue: number;
-    };
-    fetchSizeLimit: {
-        type: string;
-        defaultValue: number;
-        description: string;
-    };
-    height: {
-        type: string;
-        defaultValue: number;
-        description: string;
-    };
-    mouseover: {
-        type: string;
-        description: string;
-        defaultValue: string;
-        contextVariable: string[];
-    };
-    jexlFilters: {
-        type: string;
-        description: string;
-        defaultValue: never[];
-    };
-}, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>, undefined>>;

package/dist/LinearLollipopDisplay/configSchema.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.configSchemaFactory = configSchemaFactory;
-const configuration_1 = require("@jbrowse/core/configuration");
-const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
-function configSchemaFactory(pluginManager) {
-    return (0, configuration_1.ConfigurationSchema)('LinearLollipopDisplay', {
-        renderer: pluginManager.pluggableConfigSchemaType('renderer'),
-    }, {
-        baseConfiguration: plugin_linear_genome_view_1.baseLinearDisplayConfigSchema,
-        explicitlyTyped: true,
-    });
-}

package/dist/LinearLollipopDisplay/index.d.ts

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

package/dist/LinearLollipopDisplay/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = LinearLollipopDisplayF;
-const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
-const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
-const configSchema_1 = require("./configSchema");
-const model_1 = require("./model");
-function LinearLollipopDisplayF(pluginManager) {
-    pluginManager.addDisplayType(() => {
-        const configSchema = (0, configSchema_1.configSchemaFactory)(pluginManager);
-        return new pluggableElementTypes_1.DisplayType({
-            name: 'LinearLollipopDisplay',
-            configSchema,
-            stateModel: (0, model_1.stateModelFactory)(configSchema),
-            trackType: 'LollipopTrack',
-            viewType: 'LinearGenomeView',
-            ReactComponent: plugin_linear_genome_view_1.BaseLinearDisplayComponent,
-        });
-    });
-}