@jbrowse/product-core 3.7.0 → 4.0.0

package/esm/Session/Tracks.js

@@ -1,6 +1,6 @@
-import { types } from 'mobx-state-tree';
-import { BaseSessionModel, isBaseSession } from './BaseSession';
-import { ReferenceManagementSessionMixin } from './ReferenceManagement';
+import { types } from '@jbrowse/mobx-state-tree';
+import { BaseSessionModel, isBaseSession } from "./BaseSession.js";
+import { ReferenceManagementSessionMixin } from "./ReferenceManagement.js";
 export function TracksManagerSessionMixin(pluginManager) {
     return types
         .compose('TracksManagerSessionMixin', BaseSessionModel(pluginManager), ReferenceManagementSessionMixin(pluginManager))
@@ -8,6 +8,19 @@ export function TracksManagerSessionMixin(pluginManager) {
         get tracks() {
             return self.jbrowse.tracks;
         },
+        get assemblies() {
+            return self.jbrowse.assemblies;
+        },
+        get tracksById() {
+            const temporaryAssemblies = 'temporaryAssemblies' in self
+                ? self.temporaryAssemblies
+                : [];
+            return Object.fromEntries([
+                ...this.tracks.map(t => [t.trackId, t]),
+                ...this.assemblies.map(a => [a.sequence.trackId, a.sequence]),
+                ...temporaryAssemblies.map(a => [a.sequence.trackId, a.sequence]),
+            ]);
+        },
     }))
         .actions(self => ({
         addTrackConf(trackConf) {

package/esm/Session/index.d.ts

@@ -1,10 +1,10 @@
-export * from './ReferenceManagement';
-export * from './Connections';
-export * from './DrawerWidgets';
-export * from './DialogQueue';
-export * from './Themes';
-export * from './Tracks';
-export * from './MultipleViews';
-export * from './BaseSession';
-export * from './SessionTracks';
-export * from './BaseSession';
+export * from './ReferenceManagement.ts';
+export * from './Connections.ts';
+export * from './DrawerWidgets.ts';
+export * from './DialogQueue.ts';
+export * from './Themes.ts';
+export * from './Tracks.ts';
+export * from './MultipleViews.ts';
+export * from './BaseSession.ts';
+export * from './SessionTracks.ts';
+export * from './BaseSession.ts';

package/esm/Session/index.js

@@ -1,10 +1,10 @@
-export * from './ReferenceManagement';
-export * from './Connections';
-export * from './DrawerWidgets';
-export * from './DialogQueue';
-export * from './Themes';
-export * from './Tracks';
-export * from './MultipleViews';
-export * from './BaseSession';
-export * from './SessionTracks';
-export * from './BaseSession';
+export * from "./ReferenceManagement.js";
+export * from "./Connections.js";
+export * from "./DrawerWidgets.js";
+export * from "./DialogQueue.js";
+export * from "./Themes.js";
+export * from "./Tracks.js";
+export * from "./MultipleViews.js";
+export * from "./BaseSession.js";
+export * from "./SessionTracks.js";
+export * from "./BaseSession.js";

package/esm/index.d.ts

@@ -1,4 +1,4 @@
-export * from './RootModel';
-export * from './Session';
-export * from './ui';
-export * from './rpcWorker';
+export * from './RootModel/index.ts';
+export * from './Session/index.ts';
+export * from './ui/index.ts';
+export * from './rpcWorker.ts';

package/esm/index.js

@@ -1,4 +1,4 @@
-export * from './RootModel';
-export * from './Session';
-export * from './ui';
-export * from './rpcWorker';
+export * from "./RootModel/index.js";
+export * from "./Session/index.js";
+export * from "./ui/index.js";
+export * from "./rpcWorker.js";

package/esm/rpcWorker.d.ts

@@ -1,5 +1,11 @@
+import { RpcServer } from '@jbrowse/core/util/librpc';
 import type { PluginConstructor } from '@jbrowse/core/Plugin';
 import type { LoadedPlugin } from '@jbrowse/core/PluginLoader';
+declare global {
+    interface Window {
+        rpcServer?: RpcServer;
+    }
+}
 export declare function initializeWorker(corePlugins: PluginConstructor[], opts: {
     fetchESM?: (url: string) => Promise<LoadedPlugin>;
     fetchCJS?: (url: string) => Promise<LoadedPlugin>;

package/esm/rpcWorker.js

@@ -1,7 +1,6 @@
 import PluginLoader from '@jbrowse/core/PluginLoader';
 import PluginManager from '@jbrowse/core/PluginManager';
-import RpcServer from 'librpc-web-mod';
-import { serializeError } from 'serialize-error';
+import { RpcServer, serializeError } from '@jbrowse/core/util/librpc';
 function receiveConfiguration() {
     const configurationP = new Promise(resolve => {
         function listener(e) {
@@ -27,22 +26,29 @@ async function getPluginManager(corePlugins, opts) {
 }
 function wrapForRpc(func) {
     return (args) => {
-        const { channel, rpcDriverClassName } = args;
+        const wrappedArgs = args;
+        const { channel, rpcDriverClassName } = wrappedArgs;
         return func({
-            ...args,
+            ...wrappedArgs,
             statusCallback: (message) => {
-                self.rpcServer.emit(channel, message);
+                self.rpcServer?.emit(channel, message);
             },
         }, rpcDriverClassName);
     };
 }
 export async function initializeWorker(corePlugins, opts) {
+    self.addEventListener('error', event => {
+        console.error('[Worker uncaught error]', event.error || event.message);
+    });
+    self.addEventListener('unhandledrejection', event => {
+        console.error('[Worker unhandled rejection]', event.reason);
+    });
     try {
         const pluginManager = await getPluginManager(corePlugins, opts);
         const rpcConfig = Object.fromEntries(pluginManager
             .getRpcElements()
             .map(e => [e.name, wrapForRpc(e.execute.bind(e))]));
-        self.rpcServer = new RpcServer.Server(rpcConfig);
+        self.rpcServer = new RpcServer(rpcConfig);
         postMessage({ message: 'ready' });
     }
     catch (e) {

package/esm/ui/AboutDialog.d.ts

@@ -1,5 +1,7 @@
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-export declare function AboutDialog({ config, handleClose, }: {
-    config: AnyConfigurationModel;
+import type { AbstractSessionModel } from '@jbrowse/core/util';
+export declare function AboutDialog({ config, session, handleClose, }: {
+    config: AnyConfigurationModel | Record<string, unknown>;
+    session: AbstractSessionModel;
     handleClose: () => void;
 }): import("react/jsx-runtime").JSX.Element;

package/esm/ui/AboutDialog.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import Dialog from '@jbrowse/core/ui/Dialog';
-import { getEnv, getSession } from '@jbrowse/core/util';
+import { getEnv } from '@jbrowse/core/util';
 import { getTrackName } from '@jbrowse/core/util/tracks';
-import AboutContents from './AboutDialogContents';
-export function AboutDialog({ config, handleClose, }) {
-    const session = getSession(config);
+import AboutContents from "./AboutDialogContents.js";
+export function AboutDialog({ config, session, handleClose, }) {
     const trackName = getTrackName(config, session);
     const { pluginManager } = getEnv(session);
     const AboutComponent = pluginManager.evaluateExtensionPoint('Core-replaceAbout', AboutContents, { session, config });
-    return (_jsx(Dialog, { open: true, onClose: handleClose, title: trackName, maxWidth: "xl", children: _jsx(AboutComponent, { config: config }) }));
+    return (_jsx(Dialog, { open: true, onClose: handleClose, title: trackName, maxWidth: "xl", children: _jsx(AboutComponent, { config: config, session: session }) }));
 }

package/esm/ui/AboutDialogContents.d.ts

@@ -1,5 +1,7 @@
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-declare const AboutDialogContents: ({ config, }: {
-    config: AnyConfigurationModel;
+import type { AbstractSessionModel } from '@jbrowse/core/util';
+declare const AboutDialogContents: ({ config, session, }: {
+    config: AnyConfigurationModel | Record<string, unknown>;
+    session: AbstractSessionModel;
 }) => import("react/jsx-runtime").JSX.Element;
 export default AboutDialogContents;

package/esm/ui/AboutDialogContents.js

@@ -2,34 +2,35 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import Attributes from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/Attributes';
 import BaseCard from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/BaseCard';
-import { getConf, readConfObject } from '@jbrowse/core/configuration';
-import { getEnv, getSession } from '@jbrowse/core/util';
+import { getConf } from '@jbrowse/core/configuration';
+import { getEnv } from '@jbrowse/core/util';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
+import { getSnapshot, isStateTreeNode } from '@jbrowse/mobx-state-tree';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-import FileInfoPanel from './FileInfoPanel';
-import HeaderButtons from './HeaderButtons';
-import RefNameInfoDialog from './RefNameInfoDialog';
-import { generateDisplayableConfig } from './util';
+import FileInfoPanel from "./FileInfoPanel.js";
+import HeaderButtons from "./HeaderButtons.js";
+import RefNameInfoDialog from "./RefNameInfoDialog.js";
+import { generateDisplayableConfig, readConf } from "./util.js";
 const useStyles = makeStyles()({
     content: {
         minWidth: 800,
     },
 });
-const AboutDialogContents = observer(function ({ config, }) {
-    const conf = readConfObject(config);
-    const session = getSession(config);
+const AboutDialogContents = observer(function AboutDialogContents({ config, session, }) {
+    const conf = isStateTreeNode(config) ? getSnapshot(config) : config;
     const { classes } = useStyles();
     const [showRefNames, setShowRefNames] = useState(false);
     const hideUris = getConf(session, ['formatAbout', 'hideUris']) ||
-        readConfObject(config, ['formatAbout', 'hideUris']);
+        readConf(config, ['formatAbout', 'hideUris']);
     const { pluginManager } = getEnv(session);
     const confPostExt = generateDisplayableConfig({
         config,
+        session,
         pluginManager,
     });
     const ExtraPanel = pluginManager.evaluateExtensionPoint('Core-extraAboutPanel', null, { session, config });
     const hideFields = ['displays', 'baseUri', 'refNames', 'formatAbout'];
-    return (_jsxs("div", { className: classes.content, children: [_jsxs(BaseCard, { title: "Configuration", children: [!hideUris ? (_jsx(HeaderButtons, { conf: conf, setShowRefNames: setShowRefNames })) : null, _jsx(Attributes, { attributes: confPostExt.config, omit: [...hideFields, 'metadata'], hideUris: hideUris })] }), confPostExt.config.metadata ? (_jsx(BaseCard, { title: "Metadata", children: _jsx(Attributes, { attributes: confPostExt.config.metadata, omit: hideFields, hideUris: hideUris }) })) : null, ExtraPanel ? (_jsx(BaseCard, { title: ExtraPanel.name, children: _jsx(ExtraPanel.Component, { config: config }) })) : null, _jsx(FileInfoPanel, { config: config }), showRefNames ? (_jsx(RefNameInfoDialog, { config: config, onClose: () => {
+    return (_jsxs("div", { className: classes.content, children: [_jsxs(BaseCard, { title: "Configuration", children: [!hideUris ? (_jsx(HeaderButtons, { conf: conf, setShowRefNames: setShowRefNames })) : null, _jsx(Attributes, { attributes: confPostExt.config, omit: [...hideFields, 'metadata'], hideUris: hideUris })] }), confPostExt.config.metadata ? (_jsx(BaseCard, { title: "Metadata", children: _jsx(Attributes, { attributes: confPostExt.config.metadata, omit: hideFields, hideUris: hideUris }) })) : null, ExtraPanel ? (_jsx(BaseCard, { title: ExtraPanel.name, children: _jsx(ExtraPanel.Component, { config: config }) })) : null, _jsx(FileInfoPanel, { config: config, session: session }), showRefNames ? (_jsx(RefNameInfoDialog, { session: session, config: config, onClose: () => {
                     setShowRefNames(false);
                 } })) : null] }));
 });

package/esm/ui/FileInfoPanel.d.ts

@@ -1,4 +1,6 @@
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-export default function FileInfoPanel({ config, }: {
-    config: AnyConfigurationModel;
+import type { AbstractSessionModel } from '@jbrowse/core/util';
+export default function FileInfoPanel({ config, session, }: {
+    config: AnyConfigurationModel | Record<string, unknown>;
+    session: AbstractSessionModel;
 }): import("react/jsx-runtime").JSX.Element;

package/esm/ui/FileInfoPanel.js

@@ -2,20 +2,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import Attributes from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/Attributes';
 import BaseCard from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail/BaseCard';
-import { readConfObject } from '@jbrowse/core/configuration';
 import { ErrorMessage, LoadingEllipses } from '@jbrowse/core/ui';
-import { getSession } from '@jbrowse/core/util';
-export default function FileInfoPanel({ config, }) {
+import { readConf } from "./util.js";
+export default function FileInfoPanel({ config, session, }) {
     const [error, setError] = useState();
     const [info, setInfo] = useState();
-    const session = getSession(config);
     const { rpcManager } = session;
+    const trackId = readConf(config, 'trackId');
     useEffect(() => {
         ;
         (async () => {
             try {
-                const adapterConfig = readConfObject(config, 'adapter');
-                const result = await rpcManager.call(config.trackId, 'CoreGetInfo', {
+                const adapterConfig = readConf(config, 'adapter');
+                const result = await rpcManager.call(trackId, 'CoreGetInfo', {
                     adapterConfig,
                 });
                 setInfo(result);
@@ -25,7 +24,7 @@ export default function FileInfoPanel({ config, }) {
                 setError(e);
             }
         })();
-    }, [config, rpcManager]);
+    }, [config, rpcManager, trackId]);
     const details = typeof info === 'string'
         ? {
             header: `<pre>${info

package/esm/ui/HeaderButtons.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { Button } from '@mui/material';
-import copy from 'copy-to-clipboard';
-import { makeStyles } from 'tss-react/mui';
-import { removeAttr } from './util';
+import { removeAttr } from "./util.js";
 const useStyles = makeStyles()({
     button: {
         float: 'right',
@@ -14,7 +13,8 @@ function HeaderButtons({ conf, setShowRefNames }) {
     const { classes } = useStyles();
     return (_jsxs("span", { className: classes.button, children: [_jsx(Button, { variant: "contained", color: "secondary", onClick: () => {
                     setShowRefNames(true);
-                }, children: "Show ref names" }), _jsx(Button, { variant: "contained", onClick: () => {
+                }, children: "Show ref names" }), _jsx(Button, { variant: "contained", onClick: async () => {
+                    const { default: copy } = await import('copy-to-clipboard');
                     const snap = removeAttr(structuredClone(conf), 'baseUri');
                     copy(JSON.stringify(snap, null, 2));
                     setCopied(true);

package/esm/ui/RefNameInfoDialog.d.ts

@@ -1,6 +1,8 @@
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
-declare const RefNameInfoDialog: ({ config, onClose, }: {
-    config: AnyConfigurationModel;
+import type { AbstractSessionModel } from '@jbrowse/core/util';
+declare const RefNameInfoDialog: ({ config, session, onClose, }: {
+    config: AnyConfigurationModel | Record<string, unknown>;
+    session: AbstractSessionModel;
     onClose: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export default RefNameInfoDialog;

package/esm/ui/RefNameInfoDialog.js

@@ -1,14 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { readConfObject } from '@jbrowse/core/configuration';
 import { Dialog, ErrorMessage, LoadingEllipses } from '@jbrowse/core/ui';
-import { getSession } from '@jbrowse/core/util';
-import { getConfAssemblyNames } from '@jbrowse/core/util/tracks';
+import { makeStyles } from '@jbrowse/core/util/tss-react';
 import { Button, DialogContent } from '@mui/material';
-import copy from 'copy-to-clipboard';
 import { observer } from 'mobx-react';
-import { makeStyles } from 'tss-react/mui';
-const MAX_REF_NAMES = 10000;
+import { readConf } from "./util.js";
+const MAX_REF_NAMES = 10_000;
 const useStyles = makeStyles()(theme => ({
     container: {
         minWidth: 800,
@@ -20,21 +17,23 @@ const useStyles = makeStyles()(theme => ({
         background: theme.palette.background.default,
     },
 }));
-const RefNameInfoDialog = observer(function ({ config, onClose, }) {
+const RefNameInfoDialog = observer(function RefNameInfoDialog({ config, session, onClose, }) {
     const { classes } = useStyles();
     const [error, setError] = useState();
     const [refNames, setRefNames] = useState();
     const [copied, setCopied] = useState(false);
-    const { rpcManager } = getSession(config);
+    const { rpcManager } = session;
+    const trackId = readConf(config, 'trackId');
+    const assemblyNames = readConf(config, 'assemblyNames');
     useEffect(() => {
         ;
         (async () => {
             try {
-                const map = await Promise.all([...new Set(getConfAssemblyNames(config))].map(async (assemblyName) => {
-                    const adapterConfig = readConfObject(config, 'adapter');
+                const map = await Promise.all([...new Set(assemblyNames)].map(async (assemblyName) => {
+                    const adapterConfig = readConf(config, 'adapter');
                     return [
                         assemblyName,
-                        (await rpcManager.call(config.trackId, 'CoreGetRefNames', {
+                        (await rpcManager.call(trackId, 'CoreGetRefNames', {
                             adapterConfig,
                             regions: [
                                 {
@@ -51,7 +50,7 @@ const RefNameInfoDialog = observer(function ({ config, onClose, }) {
                 setError(e);
             }
         })();
-    }, [config, rpcManager]);
+    }, [config, rpcManager, trackId, assemblyNames]);
     const names = refNames ? Object.entries(refNames) : [];
     const result = names
         .flatMap(([assemblyName, refNames]) => {
@@ -65,7 +64,8 @@ const RefNameInfoDialog = observer(function ({ config, onClose, }) {
     })
         .filter(f => !!f)
         .join('\n');
-    return (_jsx(Dialog, { open: true, title: "Reference sequence names used in track", onClose: onClose, maxWidth: "xl", children: _jsx(DialogContent, { className: classes.container, children: error ? (_jsx(ErrorMessage, { error: error })) : refNames === undefined ? (_jsx(LoadingEllipses, { message: "Loading refNames" })) : (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "contained", onClick: () => {
+    return (_jsx(Dialog, { open: true, title: "Reference sequence names used in track", onClose: onClose, maxWidth: "xl", children: _jsx(DialogContent, { className: classes.container, children: error ? (_jsx(ErrorMessage, { error: error })) : refNames === undefined ? (_jsx(LoadingEllipses, { message: "Loading refNames" })) : (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "contained", onClick: async () => {
+                            const { default: copy } = await import('copy-to-clipboard');
                             copy(names
                                 .flatMap(([assemblyName, refNames]) => [
                                 `--- ${assemblyName} ---`,

package/esm/ui/index.d.ts

@@ -1 +1 @@
-export * from './AboutDialog';
+export * from './AboutDialog.tsx';

package/esm/ui/index.js

@@ -1 +1 @@
-export * from './AboutDialog';
+export * from "./AboutDialog.js";

package/esm/ui/util.d.ts

@@ -1,8 +1,11 @@
 import type PluginManager from '@jbrowse/core/PluginManager';
 import type { AnyConfigurationModel } from '@jbrowse/core/configuration';
+import type { AbstractSessionModel } from '@jbrowse/core/util';
 export declare function removeAttr(obj: Record<string, unknown>, attr: string): Record<string, unknown>;
-export declare function generateDisplayableConfig({ config, pluginManager, }: {
-    config: AnyConfigurationModel;
+export declare function readConf(config: AnyConfigurationModel | Record<string, unknown>, slotPath?: string | string[]): any;
+export declare function generateDisplayableConfig({ config, session, pluginManager, }: {
+    config: AnyConfigurationModel | Record<string, unknown>;
+    session: AbstractSessionModel;
     pluginManager: PluginManager;
 }): {
     config: {

package/esm/ui/util.js

@@ -1,5 +1,5 @@
 import { getConf, readConfObject } from '@jbrowse/core/configuration';
-import { getSession } from '@jbrowse/core/util';
+import { getSnapshot, isStateTreeNode } from '@jbrowse/mobx-state-tree';
 export function removeAttr(obj, attr) {
     for (const prop in obj) {
         if (prop === attr) {
@@ -11,14 +11,32 @@ export function removeAttr(obj, attr) {
     }
     return obj;
 }
-export function generateDisplayableConfig({ config, pluginManager, }) {
-    const session = getSession(config);
-    const conf = readConfObject(config);
+export function readConf(config, slotPath) {
+    if (isStateTreeNode(config)) {
+        return slotPath
+            ? readConfObject(config, slotPath)
+            : getSnapshot(config);
+    }
+    if (!slotPath) {
+        return config;
+    }
+    if (typeof slotPath === 'string') {
+        return config[slotPath];
+    }
+    let result = config;
+    for (const key of slotPath) {
+        result = result?.[key];
+    }
+    return result;
+}
+export function generateDisplayableConfig({ config, session, pluginManager, }) {
+    const conf = isStateTreeNode(config) ? readConfObject(config) : config;
+    const formatAboutConfig = readConf(config, ['formatAbout', 'config']) || {};
     return pluginManager.evaluateExtensionPoint('Core-customizeAbout', {
         config: {
             ...conf,
             ...getConf(session, ['formatAbout', 'config'], { config: conf }),
-            ...readConfObject(config, ['formatAbout', 'config'], { config: conf }),
+            ...formatAboutConfig,
         },
     }, { session, config });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/product-core",
-  "version": "3.7.0",
+  "version": "4.0.0",
   "sideEffects": false,
   "description": "JBrowse 2 code shared between products but not used by plugins",
   "keywords": [
@@ -19,41 +19,18 @@
     "directory": "packages/product-core"
   },
   "author": "JBrowse Team",
-  "distMain": "dist/index.js",
-  "distModule": "esm/index.js",
-  "srcMain": "src/index.ts",
-  "srcModule": "src/index.ts",
-  "main": "dist/index.js",
-  "module": "esm/index.js",
+  "main": "esm/index.js",
   "files": [
-    "dist",
     "esm"
   ],
-  "scripts": {
-    "build:esm": "tsc --build tsconfig.build.esm.json",
-    "build:commonjs": "tsc --build tsconfig.build.commonjs.json",
-    "build": "npm run build:esm && npm run build:commonjs",
-    "test": "cd ../..; jest --passWithNoTests packages/product-core",
-    "clean": "rimraf dist esm *.tsbuildinfo",
-    "prebuild": "yarn clean",
-    "prepack": "yarn build && yarn useDist",
-    "postpack": "yarn useSrc",
-    "useDist": "node ../../scripts/useDist.js",
-    "useSrc": "node ../../scripts/useSrc.js"
-  },
   "dependencies": {
-    "@babel/runtime": "^7.16.3",
-    "@jbrowse/core": "^3.7.0",
-    "@mui/icons-material": "^7.0.0",
-    "@mui/material": "^7.0.0",
-    "copy-to-clipboard": "^3.3.1",
-    "librpc-web-mod": "^1.0.0",
-    "mobx": "^6.0.0",
-    "mobx-react": "^9.0.0",
-    "mobx-state-tree": "^5.0.0",
-    "rxjs": "^7.0.0",
-    "serialize-error": "^8.0.0",
-    "tss-react": "^4.0.0"
+    "@jbrowse/mobx-state-tree": "^5.5.0",
+    "@mui/material": "^7.3.6",
+    "copy-to-clipboard": "^3.3.3",
+    "librpc-web-mod": "^2.1.1",
+    "mobx": "^6.15.0",
+    "mobx-react": "^9.2.1",
+    "@jbrowse/core": "^4.0.0"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -62,5 +39,18 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "85bdd0d58286b7adbfd408146b15847676317635"
-}
+  "scripts": {
+    "build:esm": "tsc -p tsconfig.build.esm.json",
+    "build": "pnpm build:esm",
+    "test": "cd ../..; jest --passWithNoTests packages/product-core",
+    "clean": "rimraf esm *.tsbuildinfo",
+    "prebuild": "pnpm clean"
+  },
+  "types": "esm/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./esm/index.d.ts",
+      "import": "./esm/index.js"
+    }
+  }
+}