@jbrowse/plugin-lollipop 2.8.0 → 2.10.0

package/dist/LinearLollipopDisplay/configSchema.d.ts

@@ -1,5 +1,11 @@
 import PluginManager from '@jbrowse/core/PluginManager';
+/**
+ * #config LinearLollipopDisplay
+ */
 export declare function configSchemaFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    /**
+     * #slot
+     */
     renderer: import("mobx-state-tree").IAnyModelType;
 }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     maxFeatureScreenDensity: {

package/dist/LinearLollipopDisplay/configSchema.js

@@ -3,8 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.configSchemaFactory = void 0;
 const configuration_1 = require("@jbrowse/core/configuration");
 const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
+/**
+ * #config LinearLollipopDisplay
+ */
 function configSchemaFactory(pluginManager) {
-    return (0, configuration_1.ConfigurationSchema)('LinearLollipopDisplay', { renderer: pluginManager.pluggableConfigSchemaType('renderer') }, {
+    return (0, configuration_1.ConfigurationSchema)('LinearLollipopDisplay', {
+        /**
+         * #slot
+         */
+        renderer: pluginManager.pluggableConfigSchemaType('renderer'),
+    }, {
+        /**
+         * #baseConfiguration
+         */
         baseConfiguration: plugin_linear_genome_view_1.baseLinearDisplayConfigSchema,
         explicitlyTyped: true,
     });

package/dist/LinearLollipopDisplay/index.d.ts

@@ -1,2 +1,2 @@
-export { configSchemaFactory } from './configSchema';
-export { stateModelFactory } from './model';
+import PluginManager from '@jbrowse/core/PluginManager';
+export default function LinearLollipopDisplayF(pluginManager: PluginManager): void;

package/dist/LinearLollipopDisplay/index.js

@@ -1,7 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.stateModelFactory = exports.configSchemaFactory = void 0;
-var configSchema_1 = require("./configSchema");
-Object.defineProperty(exports, "configSchemaFactory", { enumerable: true, get: function () { return configSchema_1.configSchemaFactory; } });
-var model_1 = require("./model");
-Object.defineProperty(exports, "stateModelFactory", { enumerable: true, get: function () { return model_1.stateModelFactory; } });
+const pluggableElementTypes_1 = require("@jbrowse/core/pluggableElementTypes");
+const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
+const model_1 = require("./model");
+const configSchema_1 = require("./configSchema");
+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,
+        });
+    });
+}
+exports.default = LinearLollipopDisplayF;

package/dist/LinearLollipopDisplay/model.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+/**
+ * #stateModel LinearLollipopDisplay
+ * extends
+ * - [BaseLinearDisplay](../baselineardisplay)
+ */
 export declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): 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>;
@@ -28,7 +33,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     }, {
         renderInProgress: AbortController | undefined;
         filled: boolean;
-        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined; /**
+         * #getter
+         */
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
         layout: any;
         status: string;
@@ -80,11 +87,19 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 } & {
+    /**
+     * #property
+     */
     type: import("mobx-state-tree").ISimpleType<"LinearLollipopDisplay">;
+    /**
+     * #property
+     */
     configuration: AnyConfigurationSchemaType;
 }, {
     rendererTypeName: string;
-    error: unknown;
+    error: unknown; /**
+     * #property
+     */
     message: string | undefined;
 } & {
     readonly RenderingComponent: import("react").FC<{
@@ -97,7 +112,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
             error: unknown;
             message: string | undefined;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>; /**
+             * #getter
+             */
             type: import("mobx-state-tree").ISimpleType<string>;
             rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
         }, {
@@ -151,7 +168,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
 } & {
     featureDensityStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats> | undefined;
     featureDensityStats: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined;
-    currStatsBpPerPx: number;
+    currStatsBpPerPx: number; /**
+     * #getter
+     */
 } & {
     readonly currentBytesRequested: number;
     readonly currentFeatureScreenDensity: number;
@@ -207,9 +226,21 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
     afterAttach(): void;
 } & {
+    /**
+     * #getter
+     */
     readonly blockType: string;
+    /**
+     * #getter
+     */
     readonly renderDelay: number;
+    /**
+     * #method
+     */
     renderProps(): any;
+    /**
+     * #getter
+     */
     readonly rendererTypeName: any;
 }, {
     type: string;
@@ -241,7 +272,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     }, {
         renderInProgress: AbortController | undefined;
         filled: boolean;
-        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined; /**
+         * #getter
+         */
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
         layout: any;
         status: string;

package/dist/LinearLollipopDisplay/model.js

@@ -4,21 +4,41 @@ exports.stateModelFactory = void 0;
 const configuration_1 = require("@jbrowse/core/configuration");
 const mobx_state_tree_1 = require("mobx-state-tree");
 const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
+/**
+ * #stateModel LinearLollipopDisplay
+ * extends
+ * - [BaseLinearDisplay](../baselineardisplay)
+ */
 function stateModelFactory(configSchema) {
     return mobx_state_tree_1.types
         .compose('LinearLollipopDisplay', plugin_linear_genome_view_1.BaseLinearDisplay, mobx_state_tree_1.types.model({
+        /**
+         * #property
+         */
         type: mobx_state_tree_1.types.literal('LinearLollipopDisplay'),
+        /**
+         * #property
+         */
         configuration: (0, configuration_1.ConfigurationReference)(configSchema),
     }))
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
+            /**
+             * #getter
+             */
             get blockType() {
                 return 'dynamicBlocks';
             },
+            /**
+             * #getter
+             */
             get renderDelay() {
                 return 500;
             },
+            /**
+             * #method
+             */
             renderProps() {
                 return {
                     ...superRenderProps(),
@@ -26,6 +46,9 @@ function stateModelFactory(configSchema) {
                     config: self.configuration.renderer,
                 };
             },
+            /**
+             * #getter
+             */
             get rendererTypeName() {
                 return self.configuration.renderer.type;
             },

package/dist/LollipopRenderer/index.d.ts

@@ -1,3 +1,2 @@
-export { default as ReactComponent } from './components/LollipopRendering';
-export { default as configSchema } from './configSchema';
-export { default } from './LollipopRenderer';
+import PluginManager from '@jbrowse/core/PluginManager';
+export default function LollipopRendererF(pluginManager: PluginManager): void;

package/dist/LollipopRenderer/index.js

@@ -1,12 +1,40 @@
 "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 });
-exports.default = exports.configSchema = exports.ReactComponent = void 0;
-var LollipopRendering_1 = require("./components/LollipopRendering");
-Object.defineProperty(exports, "ReactComponent", { enumerable: true, get: function () { return __importDefault(LollipopRendering_1).default; } });
-var configSchema_1 = require("./configSchema");
-Object.defineProperty(exports, "configSchema", { enumerable: true, get: function () { return __importDefault(configSchema_1).default; } });
-var LollipopRenderer_1 = require("./LollipopRenderer");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(LollipopRenderer_1).default; } });
+const react_1 = require("react");
+const LollipopRenderer_1 = __importDefault(require("./LollipopRenderer"));
+const configSchema_1 = __importDefault(require("./configSchema"));
+function LollipopRendererF(pluginManager) {
+    pluginManager.addRendererType(() => new LollipopRenderer_1.default({
+        name: 'LollipopRenderer',
+        ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/LollipopRendering')))),
+        configSchema: configSchema_1.default,
+        pluginManager,
+    }));
+}
+exports.default = LollipopRendererF;

package/dist/index.js

@@ -1,59 +1,19 @@
 "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 DisplayType_1 = __importDefault(require("@jbrowse/core/pluggableElementTypes/DisplayType"));
 const Plugin_1 = __importDefault(require("@jbrowse/core/Plugin"));
-const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
-const LinearLollipopDisplay_1 = require("./LinearLollipopDisplay");
-const LollipopRenderer_1 = __importStar(require("./LollipopRenderer"));
+const LinearLollipopDisplay_1 = __importDefault(require("./LinearLollipopDisplay"));
+const LollipopRenderer_1 = __importDefault(require("./LollipopRenderer"));
 class default_1 extends Plugin_1.default {
     constructor() {
         super(...arguments);
         this.name = 'LollipopPlugin';
     }
     install(pluginManager) {
-        pluginManager.addRendererType(() => new LollipopRenderer_1.default({
-            name: 'LollipopRenderer',
-            ReactComponent: LollipopRenderer_1.ReactComponent,
-            configSchema: LollipopRenderer_1.configSchema,
-            pluginManager,
-        }));
-        pluginManager.addDisplayType(() => {
-            const configSchema = (0, LinearLollipopDisplay_1.configSchemaFactory)(pluginManager);
-            return new DisplayType_1.default({
-                name: 'LinearLollipopDisplay',
-                configSchema,
-                stateModel: (0, LinearLollipopDisplay_1.stateModelFactory)(configSchema),
-                trackType: 'LollipopTrack',
-                viewType: 'LinearGenomeView',
-                ReactComponent: plugin_linear_genome_view_1.BaseLinearDisplayComponent,
-            });
-        });
+        (0, LollipopRenderer_1.default)(pluginManager);
+        (0, LinearLollipopDisplay_1.default)(pluginManager);
     }
 }
 exports.default = default_1;

package/esm/LinearLollipopDisplay/configSchema.d.ts

@@ -1,5 +1,11 @@
 import PluginManager from '@jbrowse/core/PluginManager';
+/**
+ * #config LinearLollipopDisplay
+ */
 export declare function configSchemaFactory(pluginManager: PluginManager): import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
+    /**
+     * #slot
+     */
     renderer: import("mobx-state-tree").IAnyModelType;
 }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaType<{
     maxFeatureScreenDensity: {

package/esm/LinearLollipopDisplay/configSchema.js

@@ -1,7 +1,18 @@
 import { ConfigurationSchema } from '@jbrowse/core/configuration';
 import { baseLinearDisplayConfigSchema } from '@jbrowse/plugin-linear-genome-view';
+/**
+ * #config LinearLollipopDisplay
+ */
 export function configSchemaFactory(pluginManager) {
-    return ConfigurationSchema('LinearLollipopDisplay', { renderer: pluginManager.pluggableConfigSchemaType('renderer') }, {
+    return ConfigurationSchema('LinearLollipopDisplay', {
+        /**
+         * #slot
+         */
+        renderer: pluginManager.pluggableConfigSchemaType('renderer'),
+    }, {
+        /**
+         * #baseConfiguration
+         */
         baseConfiguration: baseLinearDisplayConfigSchema,
         explicitlyTyped: true,
     });

package/esm/LinearLollipopDisplay/index.d.ts

@@ -1,2 +1,2 @@
-export { configSchemaFactory } from './configSchema';
-export { stateModelFactory } from './model';
+import PluginManager from '@jbrowse/core/PluginManager';
+export default function LinearLollipopDisplayF(pluginManager: PluginManager): void;

package/esm/LinearLollipopDisplay/index.js

@@ -1,2 +1,17 @@
-export { configSchemaFactory } from './configSchema';
-export { stateModelFactory } from './model';
+import { DisplayType } from '@jbrowse/core/pluggableElementTypes';
+import { BaseLinearDisplayComponent } from '@jbrowse/plugin-linear-genome-view';
+import { stateModelFactory } from './model';
+import { configSchemaFactory } from './configSchema';
+export default function LinearLollipopDisplayF(pluginManager) {
+    pluginManager.addDisplayType(() => {
+        const configSchema = configSchemaFactory(pluginManager);
+        return new DisplayType({
+            name: 'LinearLollipopDisplay',
+            configSchema,
+            stateModel: stateModelFactory(configSchema),
+            trackType: 'LollipopTrack',
+            viewType: 'LinearGenomeView',
+            ReactComponent: BaseLinearDisplayComponent,
+        });
+    });
+}

package/esm/LinearLollipopDisplay/model.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+/**
+ * #stateModel LinearLollipopDisplay
+ * extends
+ * - [BaseLinearDisplay](../baselineardisplay)
+ */
 export declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): 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>;
@@ -28,7 +33,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     }, {
         renderInProgress: AbortController | undefined;
         filled: boolean;
-        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined; /**
+         * #getter
+         */
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
         layout: any;
         status: string;
@@ -80,11 +87,19 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
         };
     }, import("@jbrowse/core/configuration/configurationSchema").ConfigurationSchemaOptions<undefined, "displayId">>;
 } & {
+    /**
+     * #property
+     */
     type: import("mobx-state-tree").ISimpleType<"LinearLollipopDisplay">;
+    /**
+     * #property
+     */
     configuration: AnyConfigurationSchemaType;
 }, {
     rendererTypeName: string;
-    error: unknown;
+    error: unknown; /**
+     * #property
+     */
     message: string | undefined;
 } & {
     readonly RenderingComponent: import("react").FC<{
@@ -97,7 +112,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
             error: unknown;
             message: string | undefined;
         } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
-            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>; /**
+             * #getter
+             */
             type: import("mobx-state-tree").ISimpleType<string>;
             rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
         }, {
@@ -151,7 +168,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
 } & {
     featureDensityStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats> | undefined;
     featureDensityStats: import("@jbrowse/core/data_adapters/BaseAdapter").FeatureDensityStats | undefined;
-    currStatsBpPerPx: number;
+    currStatsBpPerPx: number; /**
+     * #getter
+     */
 } & {
     readonly currentBytesRequested: number;
     readonly currentFeatureScreenDensity: number;
@@ -207,9 +226,21 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
     afterAttach(): void;
 } & {
+    /**
+     * #getter
+     */
     readonly blockType: string;
+    /**
+     * #getter
+     */
     readonly renderDelay: number;
+    /**
+     * #method
+     */
     renderProps(): any;
+    /**
+     * #getter
+     */
     readonly rendererTypeName: any;
 }, {
     type: string;
@@ -241,7 +272,9 @@ export declare function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     }, {
         renderInProgress: AbortController | undefined;
         filled: boolean;
-        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined; /**
+         * #getter
+         */
         features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
         layout: any;
         status: string;

package/esm/LinearLollipopDisplay/model.js

@@ -1,21 +1,41 @@
 import { ConfigurationReference, } from '@jbrowse/core/configuration';
 import { types } from 'mobx-state-tree';
 import { BaseLinearDisplay } from '@jbrowse/plugin-linear-genome-view';
+/**
+ * #stateModel LinearLollipopDisplay
+ * extends
+ * - [BaseLinearDisplay](../baselineardisplay)
+ */
 export function stateModelFactory(configSchema) {
     return types
         .compose('LinearLollipopDisplay', BaseLinearDisplay, types.model({
+        /**
+         * #property
+         */
         type: types.literal('LinearLollipopDisplay'),
+        /**
+         * #property
+         */
         configuration: ConfigurationReference(configSchema),
     }))
         .views(self => {
         const { renderProps: superRenderProps } = self;
         return {
+            /**
+             * #getter
+             */
             get blockType() {
                 return 'dynamicBlocks';
             },
+            /**
+             * #getter
+             */
             get renderDelay() {
                 return 500;
             },
+            /**
+             * #method
+             */
             renderProps() {
                 return {
                     ...superRenderProps(),
@@ -23,6 +43,9 @@ export function stateModelFactory(configSchema) {
                     config: self.configuration.renderer,
                 };
             },
+            /**
+             * #getter
+             */
             get rendererTypeName() {
                 return self.configuration.renderer.type;
             },

package/esm/LollipopRenderer/index.d.ts

@@ -1,3 +1,2 @@
-export { default as ReactComponent } from './components/LollipopRendering';
-export { default as configSchema } from './configSchema';
-export { default } from './LollipopRenderer';
+import PluginManager from '@jbrowse/core/PluginManager';
+export default function LollipopRendererF(pluginManager: PluginManager): void;

package/esm/LollipopRenderer/index.js

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

package/esm/index.js

@@ -1,30 +1,13 @@
-import DisplayType from '@jbrowse/core/pluggableElementTypes/DisplayType';
 import Plugin from '@jbrowse/core/Plugin';
-import { BaseLinearDisplayComponent } from '@jbrowse/plugin-linear-genome-view';
-import { configSchemaFactory as linearLollipopDisplayConfigSchemaFactory, stateModelFactory as LinearLollipopDisplayStateModelFactory, } from './LinearLollipopDisplay';
-import LollipopRenderer, { configSchema as lollipopRendererConfigSchema, ReactComponent as LollipopRendererReactComponent, } from './LollipopRenderer';
+import LinearLollipopDisplayF from './LinearLollipopDisplay';
+import LollipopRendererF from './LollipopRenderer';
 export default class extends Plugin {
     constructor() {
         super(...arguments);
         this.name = 'LollipopPlugin';
     }
     install(pluginManager) {
-        pluginManager.addRendererType(() => new LollipopRenderer({
-            name: 'LollipopRenderer',
-            ReactComponent: LollipopRendererReactComponent,
-            configSchema: lollipopRendererConfigSchema,
-            pluginManager,
-        }));
-        pluginManager.addDisplayType(() => {
-            const configSchema = linearLollipopDisplayConfigSchemaFactory(pluginManager);
-            return new DisplayType({
-                name: 'LinearLollipopDisplay',
-                configSchema,
-                stateModel: LinearLollipopDisplayStateModelFactory(configSchema),
-                trackType: 'LollipopTrack',
-                viewType: 'LinearGenomeView',
-                ReactComponent: BaseLinearDisplayComponent,
-            });
-        });
+        LollipopRendererF(pluginManager);
+        LinearLollipopDisplayF(pluginManager);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbrowse/plugin-lollipop",
-  "version": "2.8.0",
+  "version": "2.10.0",
   "description": "JBrowse 2 plugin for lollipops",
   "keywords": [
     "jbrowse",
@@ -51,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ee8c2bdc8bd4f1a70b1eefda984f04a2830d9ca0"
+  "gitHead": "223d8bfb68fd1bacaf22852639ad5920f1b7f43b"
 }