@jbrowse/core 2.3.4 → 2.4.1

package/CorePlugin.js

@@ -30,9 +30,8 @@ const react_1 = require("react");
 const BaseFeatureWidget_1 = require("./BaseFeatureWidget");
 const Plugin_1 = __importDefault(require("./Plugin"));
 const coreRpcMethods = __importStar(require("./rpc/coreRpcMethods"));
-const AdapterType_1 = __importDefault(require("./pluggableElementTypes/AdapterType"));
 const WidgetType_1 = __importDefault(require("./pluggableElementTypes/WidgetType"));
-const CytobandAdapter_1 = require("./data_adapters/CytobandAdapter");
+const CytobandAdapter_1 = __importDefault(require("./data_adapters/CytobandAdapter"));
 // the core plugin, which registers types that ALL JBrowse applications are
 // expected to need.
 class CorePlugin extends Plugin_1.default {
@@ -45,11 +44,7 @@ class CorePlugin extends Plugin_1.default {
         Object.values(coreRpcMethods).forEach(RpcMethod => {
             pluginManager.addRpcMethod(() => new RpcMethod(pluginManager));
         });
-        pluginManager.addAdapterType(() => new AdapterType_1.default({
-            name: 'CytobandAdapter',
-            configSchema: CytobandAdapter_1.configSchema,
-            AdapterClass: CytobandAdapter_1.DataAdapter,
-        }));
+        (0, CytobandAdapter_1.default)(pluginManager);
         pluginManager.addWidgetType(() => {
             return new WidgetType_1.default({
                 name: 'BaseFeatureWidget',

package/PluginLoader.d.ts

@@ -48,7 +48,7 @@ export default class PluginLoader {
         fetchESM?: (url: string) => Promise<LoadedPlugin>;
         fetchCJS?: (url: string) => Promise<LoadedPlugin>;
     });
-    loadScript(scriptUrl: string): Promise<void>;
+    loadScript(scriptUrl: string): Promise<any>;
     loadCJSPlugin(def: CJSPluginDefinition, baseUri?: string): Promise<LoadedPlugin>;
     loadESMPlugin(def: ESMPluginDefinition, baseUri?: string): Promise<LoadedPlugin>;
     loadUMDPlugin(def: UMDPluginDefinition | LegacyUMDPluginDefinition, baseUri?: string): Promise<{

package/PluginLoader.js

@@ -5,6 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isCJSPluginDefinition = exports.isESMPluginDefinition = exports.isUMDPluginDefinition = void 0;
 const load_script2_1 = __importDefault(require("load-script2"));
+// locals
+const Plugin_1 = __importDefault(require("./Plugin"));
 const ReExports_1 = __importDefault(require("./ReExports"));
 const util_1 = require("./util");
 function isUMDPluginDefinition(def) {
@@ -23,18 +25,8 @@ function isCJSPluginDefinition(def) {
     return def.cjsUrl !== undefined;
 }
 exports.isCJSPluginDefinition = isCJSPluginDefinition;
-function getGlobalObject() {
-    // Based on window-or-global
-    // https://github.com/purposeindustries/window-or-global/blob/322abc71de0010c9e5d9d0729df40959e1ef8775/lib/index.js
-    return (
-    // eslint-disable-next-line no-restricted-globals
-    (typeof self === 'object' && self.self === self && self) ||
-        (typeof global === 'object' && global.global === global && global) ||
-        // @ts-ignore
-        this);
-}
-function isInWebWorker(globalObject) {
-    return Boolean('WorkerGlobalScope' in globalObject);
+function isInWebWorker() {
+    return Boolean('WorkerGlobalScope' in globalThis);
 }
 class PluginLoader {
     constructor(defs = [], args) {
@@ -44,14 +36,13 @@ class PluginLoader {
         this.definitions = JSON.parse(JSON.stringify(defs));
     }
     async loadScript(scriptUrl) {
-        const globalObject = getGlobalObject();
-        if (!isInWebWorker(globalObject)) {
+        if (!isInWebWorker()) {
             return (0, load_script2_1.default)(scriptUrl);
         }
-        // @ts-ignore
-        if (globalObject === null || globalObject === void 0 ? void 0 : globalObject.importScripts) {
-            // @ts-ignore
-            await globalObject.importScripts(scriptUrl);
+        // @ts-expect-error
+        if (globalThis === null || globalThis === void 0 ? void 0 : globalThis.importScripts) {
+            // @ts-expect-error
+            await globalThis.importScripts(scriptUrl);
             return;
         }
         throw new Error('cannot figure out how to load external JS scripts in this environment');
@@ -91,14 +82,19 @@ class PluginLoader {
         if (parsedUrl.protocol !== 'http:' && parsedUrl.protocol !== 'https:') {
             throw new Error(`cannot load plugins using protocol "${parsedUrl.protocol}"`);
         }
-        await this.loadScript(parsedUrl.href);
         const moduleName = def.name;
         const umdName = `JBrowsePlugin${moduleName}`;
-        const globalObject = getGlobalObject();
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const plugin = globalObject[umdName];
+        if (typeof jest === 'undefined') {
+            await this.loadScript(parsedUrl.href);
+        }
+        else {
+            // @ts-expect-error
+            globalThis[umdName] = { default: Plugin_1.default };
+        }
+        // @ts-expect-error
+        const plugin = globalThis[umdName];
         if (!plugin) {
-            throw new Error(`Failed to load UMD bundle for ${moduleName}, ${globalObject.constructor.name}.${umdName} is undefined`);
+            throw new Error(`Failed to load UMD bundle for ${moduleName}, ${umdName} is undefined`);
         }
         return plugin;
     }
@@ -122,7 +118,7 @@ class PluginLoader {
         return plugin.default;
     }
     installGlobalReExports(target) {
-        // @ts-ignore
+        // @ts-expect-error
         target.JBrowseExports = Object.fromEntries(Object.entries(ReExports_1.default).map(([moduleName, module]) => {
             return [moduleName, module];
         }));

package/PluginManager.d.ts

@@ -195,7 +195,7 @@ export default class PluginManager {
             showAllRegions(): void;
             zoomOut(): void;
             zoomIn(): void;
-            zoomTo(newBpPerPx: number, offset?: number): number;
+            zoomTo(bpPerPx: number, offset?: number): number;
             scrollTo(offsetPx: number): number;
             centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
             scroll(distance: number): number;

package/PluginManager.js

@@ -149,7 +149,6 @@ class PluginManager {
         }
         this.pluginMetadata[plugin.name] = metadata;
         if ('definition' in load) {
-            // @ts-ignore
             this.runtimePluginDefinitions.push(load.definition);
         }
         plugin.install(this);
@@ -253,7 +252,7 @@ class PluginManager {
     pluggableMstType(groupName, fieldName, fallback = mobx_state_tree_1.types.maybe(mobx_state_tree_1.types.null)) {
         const pluggableTypes = this.getElementTypeRecord(groupName)
             .all()
-            // @ts-ignore
+            // @ts-expect-error
             .map(t => t[fieldName])
             .filter(t => (0, mobx_state_tree_1.isType)(t) && (0, mobx_state_tree_1.isModelType)(t));
         // try to smooth over the case when no types are registered, mostly
@@ -268,7 +267,7 @@ class PluginManager {
     pluggableConfigSchemaType(typeGroup, fieldName = 'configSchema') {
         const pluggableTypes = this.getElementTypeRecord(typeGroup)
             .all()
-            // @ts-ignore
+            // @ts-expect-error
             .map(t => t[fieldName])
             .filter(t => (0, configuration_1.isBareConfigurationSchemaType)(t));
         if (pluggableTypes.length === 0) {

package/ReExports/Attributes.d.ts

@@ -1,2 +1 @@
-import { Attributes } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';
-export default Attributes;
+export { Attributes as default } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';

package/ReExports/Attributes.js

@@ -1,5 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 // convert named export to default for lazy react
-const BaseFeatureDetail_1 = require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail");
-exports.default = BaseFeatureDetail_1.Attributes;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var BaseFeatureDetail_1 = require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return BaseFeatureDetail_1.Attributes; } });

package/ReExports/BaseCard.d.ts

@@ -1,2 +1 @@
-import { BaseCard } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';
-export default BaseCard;
+export { BaseCard as default } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';

package/ReExports/BaseCard.js

@@ -1,5 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 // convert named export to default for lazy react
-const BaseFeatureDetail_1 = require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail");
-exports.default = BaseFeatureDetail_1.BaseCard;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var BaseFeatureDetail_1 = require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return BaseFeatureDetail_1.BaseCard; } });

package/ReExports/DataGrid.d.ts

@@ -1,2 +1 @@
-import { DataGrid } from '@mui/x-data-grid';
-export { DataGrid as default };
+export { DataGrid as default } from '@mui/x-data-grid';

package/ReExports/DataGrid.js

@@ -1,6 +1,6 @@
 "use strict";
+// convert named export to default for lazy react
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = void 0;
-// convert named export to default for lazy react
-const x_data_grid_1 = require("@mui/x-data-grid");
+var x_data_grid_1 = require("@mui/x-data-grid");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return x_data_grid_1.DataGrid; } });

package/ReExports/FeatureDetails.d.ts

@@ -1,2 +1 @@
-import { FeatureDetails } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';
-export default FeatureDetails;
+export { FeatureDetails as default } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail';

package/ReExports/FeatureDetails.js

@@ -1,5 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 // convert named export to default for lazy react
-const BaseFeatureDetail_1 = require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail");
-exports.default = BaseFeatureDetail_1.FeatureDetails;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var BaseFeatureDetail_1 = require("@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return BaseFeatureDetail_1.FeatureDetails; } });

package/ReExports/index.d.ts

@@ -1,2 +1 @@
-import modules from './modules';
-export default modules;
+export { default } from './modules';

package/ReExports/index.js

@@ -3,5 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const modules_1 = __importDefault(require("./modules"));
-exports.default = modules_1.default;
+exports.default = void 0;
+var modules_1 = require("./modules");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(modules_1).default; } });

package/ReExports/modules.d.ts

@@ -112,7 +112,7 @@ declare const libs: {
         showAllRegions(): void;
         zoomOut(): void;
         zoomIn(): void;
-        zoomTo(newBpPerPx: number, offset?: number): number;
+        zoomTo(bpPerPx: number, offset?: number): number;
         scrollTo(offsetPx: number): number;
         centerAt(coord: number, refName: string | undefined, regionNumber: number): void;
         scroll(distance: number): number;

package/ReExports/modules.js

@@ -445,11 +445,11 @@ const libs = {
     },
     '@jbrowse/core/data_adapters/BaseAdapter': BaseAdapterExports,
 };
-const libsList = Array.from(Object.keys(libs));
+const libsList = Object.keys(libs);
 // make sure that all the items in the ReExports/list array (used by build
 // systems and such) are included here, and vice versa
 const inLibsOnly = libsList.filter(mod => !list_1.default.includes(mod));
-if (inLibsOnly.length) {
+if (inLibsOnly.length > 0) {
     throw new Error(`The following modules are in the re-exports list, but not the modules libs: ${inLibsOnly.join(', ')}`);
 }
 const inReExportsOnly = list_1.default.filter(mod => !libsList.includes(mod));

package/assemblyManager/assembly.js

@@ -74,7 +74,7 @@ async function loadRefNameMap(assembly, adapterConfig, options, signal) {
 }
 // Valid refName pattern from https://samtools.github.io/hts-specs/SAMv1.pdf
 function checkRefName(refName) {
-    if (!refName.match(refNameRegex)) {
+    if (!refNameRegex.test(refName)) {
         throw new Error(`Encountered invalid refName: "${refName}"`);
     }
 }
@@ -104,7 +104,7 @@ function assemblyFactory(assemblyConfigType, pm) {
     }))
         .views(self => ({
         get initialized() {
-            // @ts-ignore
+            // @ts-expect-error
             self.load();
             return !!self.refNameAliases;
         },
@@ -112,7 +112,7 @@ function assemblyFactory(assemblyConfigType, pm) {
             return (0, configuration_1.getConf)(self, 'name');
         },
         get regions() {
-            // @ts-ignore
+            // @ts-expect-error
             self.load();
             return self.volatileRegions;
         },
@@ -172,7 +172,7 @@ function assemblyFactory(assemblyConfigType, pm) {
             if (!self.refNames) {
                 return undefined;
             }
-            const idx = self.refNames.findIndex(r => r === refName);
+            const idx = self.refNames.indexOf(refName);
             if (idx === -1) {
                 return undefined;
             }
@@ -301,7 +301,7 @@ async function getCytobands(config, pm) {
     const type = pm.getAdapterType(config.type);
     const CLASS = await type.getAdapterClass();
     const adapter = new CLASS(config, undefined, pm);
-    // @ts-ignore
+    // @ts-expect-error
     return adapter.getData();
 }
 async function getAssemblyRegions(config, pm, signal) {

package/assemblyManager/assemblyConfigSchema.js

@@ -42,7 +42,7 @@ function assemblyConfigSchema(pluginManager) {
         }, {
             preProcessSnapshot: snap => {
                 // allow refNameAliases to be unspecified
-                // @ts-ignore
+                // @ts-expect-error
                 if (!snap.adapter) {
                     return { adapter: { type: 'RefNameAliasAdapter' } };
                 }
@@ -59,7 +59,7 @@ function assemblyConfigSchema(pluginManager) {
         }, {
             preProcessSnapshot: snap => {
                 // allow cytoBand to be unspecified
-                // @ts-ignore
+                // @ts-expect-error
                 if (!snap.adapter) {
                     return { adapter: { type: 'CytobandAdapter' } };
                 }

package/configuration/configurationSchema.js

@@ -32,7 +32,7 @@ function preprocessConfigurationSchemaArguments(modelName, inputSchemaDefinition
             ...schemaDefinition,
         };
         options = {
-            ...(inputOptions.baseConfiguration.jbrowseSchemaOptions || {}),
+            ...inputOptions.baseConfiguration.jbrowseSchemaOptions,
             ...inputOptions,
         };
         delete options.baseConfiguration;

package/configuration/util.js

@@ -100,7 +100,7 @@ exports.getConf = getConf;
 function getTypeNamesFromExplicitlyTypedUnion(maybeUnionType) {
     if ((0, mobx_state_tree_1.isType)(maybeUnionType)) {
         maybeUnionType = (0, mst_reflection_1.resolveLateType)(maybeUnionType);
-        // @ts-ignore
+        // @ts-expect-error
         if ((0, mobx_state_tree_1.isUnionType)(maybeUnionType)) {
             const typeNames = [];
             (0, mst_reflection_1.getUnionSubTypes)(maybeUnionType).forEach(type => {

package/data_adapters/BaseAdapter.js

@@ -169,7 +169,7 @@ class BaseFeatureDataAdapter extends BaseAdapter {
             }
             else {
                 console.warn("Stats estimation reached timeout, or didn't get enough features");
-                return { featureDensity: Infinity };
+                return { featureDensity: Number.POSITIVE_INFINITY };
             }
         };
         return statsFromInterval(1000, 0);

package/data_adapters/CytobandAdapter/CytobandAdapter.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="node" />
+import { SimpleFeature } from '../../util';
+import { BaseAdapter } from '../BaseAdapter';
+export declare function isGzip(buf: Buffer): boolean;
+export default class CytobandAdapter extends BaseAdapter {
+    getData(): Promise<SimpleFeature[]>;
+    freeResources(): void;
+}

package/data_adapters/CytobandAdapter/CytobandAdapter.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isGzip = void 0;
+const bgzf_filehandle_1 = require("@gmod/bgzf-filehandle");
+// locals
+const util_1 = require("../../util");
+const io_1 = require("../../util/io");
+const BaseAdapter_1 = require("../BaseAdapter");
+function isGzip(buf) {
+    return buf[0] === 31 && buf[1] === 139 && buf[2] === 8;
+}
+exports.isGzip = isGzip;
+class CytobandAdapter extends BaseAdapter_1.BaseAdapter {
+    async getData() {
+        const pm = this.pluginManager;
+        const loc = this.getConf('cytobandLocation');
+        if (loc.uri === '' || loc.uri === '/path/to/cytoband.txt.gz') {
+            return [];
+        }
+        const buffer = await (0, io_1.openLocation)(loc, pm).readFile();
+        const buf = isGzip(buffer) ? await (0, bgzf_filehandle_1.unzip)(buffer) : buffer;
+        const text = new TextDecoder('utf8', { fatal: true }).decode(buf);
+        return text
+            .split(/\n|\r\n|\r/)
+            .filter(f => !!f.trim())
+            .map((line, i) => {
+            const [refName, start, end, name, type] = line.split('\t');
+            return new util_1.SimpleFeature({
+                uniqueId: `${i}`,
+                refName,
+                start: +start,
+                end: +end,
+                name,
+                type,
+            });
+        });
+    }
+    freeResources( /* { region } */) { }
+}
+exports.default = CytobandAdapter;

package/data_adapters/CytobandAdapter/configSchema.d.ts

@@ -0,0 +1,2 @@
+declare const configSchema: import("../../configuration").AnyConfigurationSchemaType;
+export default configSchema;

package/data_adapters/CytobandAdapter/configSchema.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const configuration_1 = require("../../configuration");
+/**
+ * #config CytobandAdapter
+ */
+function x() { } // eslint-disable-line @typescript-eslint/no-unused-vars
+const configSchema = (0, configuration_1.ConfigurationSchema)('CytobandAdapter', {
+    /**
+     * #slot
+     */
+    cytobandLocation: {
+        type: 'fileLocation',
+        defaultValue: { uri: '/path/to/cytoband.txt.gz' },
+    },
+}, { explicitlyTyped: true });
+exports.default = configSchema;

package/data_adapters/CytobandAdapter/index.d.ts

@@ -0,0 +1,3 @@
+import PluginManager from '../../PluginManager';
+declare const _default: (pluginManager: PluginManager) => void;
+export default _default;

package/data_adapters/CytobandAdapter/index.js

@@ -0,0 +1,37 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const pluggableElementTypes_1 = require("../../pluggableElementTypes");
+const configSchema_1 = __importDefault(require("./configSchema"));
+exports.default = (pluginManager) => {
+    pluginManager.addAdapterType(() => new pluggableElementTypes_1.AdapterType({
+        name: 'CytobandAdapter',
+        configSchema: configSchema_1.default,
+        getAdapterClass: () => Promise.resolve().then(() => __importStar(require('./CytobandAdapter'))).then(f => f.default),
+    }));
+};

package/data_adapters/dataAdapterCache.d.ts

@@ -1,7 +1,8 @@
 import { SnapshotIn } from 'mobx-state-tree';
 import PluginManager from '../PluginManager';
-import { AnyConfigurationSchemaType } from '../configuration/configurationSchema';
+import { AnyConfigurationSchemaType } from '../configuration';
 import { AnyDataAdapter } from './BaseAdapter';
+type ConfigSnap = SnapshotIn<AnyConfigurationSchemaType>;
 interface AdapterCacheEntry {
     dataAdapter: AnyDataAdapter;
     sessionIds: Set<string>;
@@ -21,7 +22,7 @@ export declare function getAdapter(pluginManager: PluginManager, sessionId: stri
  * allows them to get any sub-adapters that they need
  * internally, staying with the same worker session ID
  */
-export type getSubAdapterType = (adapterConfigSnapshot: SnapshotIn<AnyConfigurationSchemaType>) => ReturnType<typeof getAdapter>;
+export type getSubAdapterType = (adapterConfigSnap: ConfigSnap) => ReturnType<typeof getAdapter>;
 export declare function freeAdapterResources(specification: Record<string, any>): number;
 export declare function clearAdapterCache(): void;
 export {};

package/data_adapters/dataAdapterCache.js

@@ -39,7 +39,6 @@ async function getAdapter(pluginManager, sessionId, adapterConfigSnapshot) {
         // (such as sequence adapters or wrapped subadapters) that it needs
         //
         const { AdapterClass, getAdapterClass } = dataAdapterType;
-        // @ts-ignore
         const CLASS = AdapterClass || (await getAdapterClass());
         if (!CLASS) {
             throw new Error('Failed to get adapter');
@@ -81,11 +80,11 @@ function freeAdapterResources(specification) {
             else {
                 const regions = specification.regions ||
                     (specification.region ? [specification.region] : []);
-                regions.forEach((region) => {
+                for (const region of regions) {
                     if (region.refName !== undefined) {
                         cacheEntry.dataAdapter.freeResources(region);
                     }
-                });
+                }
             }
         });
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/core",
-  "version": "2.3.4",
+  "version": "2.4.1",
   "description": "JBrowse 2 core libraries used by plugins",
   "keywords": [
     "jbrowse",
@@ -29,6 +29,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",
+    "@gmod/bgzf-filehandle": "^1.4.3",
     "@mui/icons-material": "^5.0.1",
     "@types/clone": "^2.0.0",
     "abortable-promise-cache": "^1.5.0",
@@ -40,7 +41,7 @@
     "copy-to-clipboard": "^3.3.1",
     "deepmerge": "^4.2.2",
     "detect-node": "^2.1.0",
-    "dompurify": "^2.3.4",
+    "dompurify": "^3.0.0",
     "escape-html": "^1.0.3",
     "fast-deep-equal": "^3.1.3",
     "generic-filehandle": "^3.0.0",
@@ -50,7 +51,7 @@
     "json-stable-stringify": "^1.0.1",
     "librpc-web-mod": "^1.1.5",
     "load-script2": "^2.0.5",
-    "material-ui-popup-state": "^3.0.0",
+    "material-ui-popup-state": "^5.0.0",
     "rbush": "^3.0.1",
     "react-error-boundary": "^3.0.0",
     "react-use-measure": "^2.1.1",
@@ -74,5 +75,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "98ae48be91ee2371e1b2768a907b4997995e9915"
+  "gitHead": "747c50c4edc0184827efa4f8dfc576ca9a72caeb"
 }

package/pluggableElementTypes/PluggableElementBase.d.ts

@@ -2,7 +2,7 @@ export default abstract class PluggableElementBase {
     name: string;
     maybeDisplayName?: string;
     constructor(args: {
-        name: string;
+        name?: string;
         displayName?: string;
     });
     get displayName(): string;

package/pluggableElementTypes/PluggableElementBase.js

@@ -2,8 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 class PluggableElementBase {
     constructor(args) {
-        this.name = '';
-        this.name = args.name;
+        this.name = args.name || 'UNKNOWN';
         this.maybeDisplayName = args.displayName;
     }
     get displayName() {

package/pluggableElementTypes/RpcMethodType.d.ts

@@ -5,20 +5,17 @@ import { RemoteAbortSignal } from '../rpc/remoteAbortSignals';
 export type RpcMethodConstructor = new (pm: PluginManager) => RpcMethodType;
 export default abstract class RpcMethodType extends PluggableElementBase {
     pluginManager: PluginManager;
-    name: string;
     constructor(pluginManager: PluginManager);
     serializeArguments(args: {}, _rpcDriverClassName: string): Promise<{}>;
     serializeNewAuthArguments(loc: UriLocation): Promise<UriLocation>;
-    deserializeArguments<SERIALIZED extends {
+    deserializeArguments<T extends {
         signal?: RemoteAbortSignal;
         blobMap?: Record<string, File>;
-    }>(serializedArgs: SERIALIZED, _rpcDriverClassName: string): Promise<(SERIALIZED & {
-        signal: AbortSignal;
-    }) | (SERIALIZED & {
-        signal: undefined;
-    })>;
+    }>(serializedArgs: T, _rpcDriverClassName: string): Promise<T & {
+        signal: AbortSignal | undefined;
+    }>;
     abstract execute(serializedArgs: unknown, rpcDriverClassName: string): Promise<unknown>;
     serializeReturn(originalReturn: unknown, _args: unknown, _rpcDriverClassName: string): Promise<unknown>;
-    deserializeReturn(serializedReturn: unknown, _args: unknown, _rpcDriverClassName: string): Promise<unknown>;
+    deserializeReturn(serializedReturn: unknown, _args: unknown, _rpcDriver: string): Promise<unknown>;
     private augmentLocationObjects;
 }