@jbrowse/plugin-gccontent 2.2.1

package/esm/LinearGCContentDisplay/stateModel.d.ts

@@ -0,0 +1,305 @@
+/// <reference types="react" />
+import { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
+import PluginManager from '@jbrowse/core/PluginManager';
+export default function stateModelFactory(pluginManager: PluginManager, 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>;
+    rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+} & {
+    height: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    blockState: import("mobx-state-tree").IMapType<import("mobx-state-tree").IModelType<{
+        key: import("mobx-state-tree").ISimpleType<string>;
+        region: import("mobx-state-tree").IModelType<{
+            refName: import("mobx-state-tree").ISimpleType<string>;
+            start: import("mobx-state-tree").ISimpleType<number>;
+            end: import("mobx-state-tree").ISimpleType<number>;
+            reversed: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<boolean>, [undefined]>;
+        } & {
+            assemblyName: import("mobx-state-tree").ISimpleType<string>;
+        }, {
+            setRefName(newRefName: string): void;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
+        reloadFlag: import("mobx-state-tree").IType<number | undefined, number, number>;
+        isLeftEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+        isRightEndOfDisplayedRegion: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    }, {
+        renderInProgress: AbortController | undefined;
+        filled: boolean;
+        reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+        features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
+        layout: any;
+        status: string;
+        error: unknown;
+        message: string | undefined;
+        maxHeightReached: boolean;
+        ReactComponent: ({ model, }: {
+            model: any;
+        }) => any;
+        renderProps: any;
+    } & {
+        doReload(): void;
+        afterAttach(): void;
+        setStatus(message: string): void;
+        setLoading(abortController: AbortController): void;
+        setMessage(messageText: string): void;
+        setRendered(props: {
+            reactElement: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            features: Map<string, import("@jbrowse/core/util").Feature>;
+            layout: any;
+            maxHeightReached: boolean;
+            renderProps: any;
+        } | undefined): void;
+        setError(error: unknown): void;
+        reload(): void;
+        beforeDestroy(): void;
+    }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    userBpPerPxLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    userByteSizeLimit: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"LinearWiggleDisplay">;
+    configuration: import("mobx-state-tree").ITypeUnion<any, any, any>;
+    selectedRendering: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    resolution: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    fill: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
+    minSize: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    color: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    posColor: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    negColor: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    summaryScoreMode: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    rendererTypeNameState: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    scale: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    autoscale: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+    displayCrossHatches: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<boolean>>;
+    constraints: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IModelType<{
+        max: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+        min: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<number>>;
+    }, {}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>, [undefined]>;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"LinearGCContentDisplay">;
+}, {
+    rendererTypeName: string;
+    error: unknown;
+} & {
+    readonly RenderingComponent: import("react").FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+        onHorizontalScroll?: Function | undefined;
+        blockState?: Record<string, any> | undefined;
+    }>;
+    readonly DisplayBlurb: import("react").FC<{
+        model: {
+            id: string;
+            type: string;
+            rpcDriverName: string | undefined;
+        } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+            rendererTypeName: string;
+            error: unknown;
+        } & import("mobx-state-tree").IStateTreeNode<import("mobx-state-tree").IModelType<{
+            id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+            type: import("mobx-state-tree").ISimpleType<string>;
+            rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
+        }, {
+            rendererTypeName: string;
+            error: unknown;
+        }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>>;
+    }> | null;
+    readonly adapterConfig: any;
+    readonly parentTrack: any;
+    renderProps(): any;
+    readonly rendererType: import("@jbrowse/core/pluggableElementTypes").RendererType;
+    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    readonly viewMenuActions: import("@jbrowse/core/ui").MenuItem[];
+    regionCannotBeRendered(): undefined;
+} & {
+    setError(error?: unknown): void;
+    setRpcDriverName(rpcDriverName: string): void;
+    reload(): void;
+} & {
+    currBpPerPx: number;
+    message: string;
+    featureIdUnderMouse: string | undefined;
+    contextMenuFeature: import("@jbrowse/core/util").Feature | undefined;
+    scrollTop: number;
+    estimatedRegionStatsP: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined;
+    estimatedRegionStats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined;
+} & {
+    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
+} & {
+    readonly renderDelay: number;
+    readonly TooltipComponent: import("react").FC<any>;
+    readonly selectedFeatureId: string | undefined;
+    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
+} & {
+    readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
+    readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
+    getFeatureOverlapping(blockKey: string, x: number, y: number): any;
+    getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
+    searchFeatureByID(id: string): [number, number, number, number] | undefined;
+    readonly currentBytesRequested: number;
+    readonly currentFeatureScreenDensity: number;
+    readonly maxFeatureScreenDensity: any;
+    readonly estimatedStatsReady: boolean;
+    readonly maxAllowableBytes: number;
+} & {
+    setMessage(message: string): void;
+    afterAttach(): void;
+    estimateRegionsStats(regions: import("@jbrowse/core/util").Region[], opts: {
+        headers?: Record<string, string> | undefined;
+        signal?: AbortSignal | undefined;
+        filters?: string[] | undefined;
+    }): Promise<{}>;
+    setRegionStatsP(p?: Promise<import("@jbrowse/core/data_adapters/BaseAdapter").Stats> | undefined): void;
+    setRegionStats(estimatedRegionStats?: import("@jbrowse/core/data_adapters/BaseAdapter").Stats | undefined): void;
+    clearRegionStats(): void;
+    setHeight(displayHeight: number): number;
+    resizeHeight(distance: number): number;
+    setScrollTop(scrollTop: number): void;
+    updateStatsLimit(stats: import("@jbrowse/core/data_adapters/BaseAdapter").Stats): void;
+    addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
+    setCurrBpPerPx(n: number): void;
+    deleteBlock(key: string): void;
+    selectFeature(feature: import("@jbrowse/core/util").Feature): void;
+    clearFeatureSelection(): void;
+    setFeatureIdUnderMouse(feature: string | undefined): void;
+    reload(): void;
+    setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature | undefined): void;
+} & {
+    readonly regionTooLarge: boolean;
+    readonly regionTooLargeReason: string;
+} & {
+    reload(): Promise<void>;
+    afterAttach(): void;
+} & {
+    regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): JSX.Element | null;
+    trackMenuItems(): import("@jbrowse/core/ui").MenuItem[];
+    contextMenuItems(): {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        onClick: () => void;
+    }[];
+    renderProps(): any;
+} & {
+    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").ExportSvgOptions & {
+        overrideHeight: number;
+    }): Promise<JSX.Element>;
+} & {
+    statsReady: boolean;
+    message: string | undefined;
+    stats: {
+        scoreMin: number;
+        scoreMax: number;
+    };
+    statsFetchInProgress: AbortController | undefined;
+} & {
+    updateStats(stats: {
+        scoreMin: number;
+        scoreMax: number;
+    }): void;
+    setColor(color?: string | undefined): void;
+    setPosColor(color?: string | undefined): void;
+    setNegColor(color?: string | undefined): void;
+    setLoading(aborter: AbortController): void;
+    selectFeature(feature: import("@jbrowse/core/util").Feature): void;
+    setResolution(res: number): void;
+    setFill(fill: number): void;
+    toggleLogScale(): void;
+    setScaleType(scale?: string | undefined): void;
+    setSummaryScoreMode(val: string): void;
+    setAutoscale(val: string): void;
+    setMaxScore(val?: number | undefined): void;
+    setRendererType(val: string): void;
+    setMinScore(val?: number | undefined): void;
+    toggleCrossHatches(): void;
+    setCrossHatches(cross: boolean): void;
+} & {
+    readonly TooltipComponent: import("react").FC<{}>;
+    readonly adapterTypeName: any;
+    readonly rendererTypeNameSimple: any;
+    readonly rendererTypeName: string;
+    readonly filters: undefined;
+    readonly scaleType: any;
+    readonly maxScore: any;
+    readonly minScore: any;
+} & {
+    readonly rendererConfig: {
+        [x: string]: any;
+    } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
+        setSubschema(slotName: string, data: unknown): any;
+    } & import("mobx-state-tree").IStateTreeNode<AnyConfigurationSchemaType>;
+} & {
+    readonly filled: any;
+    readonly summaryScoreModeSetting: any;
+    readonly domain: number[];
+    readonly needsScalebar: boolean;
+    readonly scaleOpts: {
+        domain: number[];
+        stats: {
+            scoreMin: number;
+            scoreMax: number;
+        };
+        autoscaleType: any;
+        scaleType: any;
+        inverted: any;
+    };
+    readonly canHaveFill: boolean;
+    readonly autoscaleType: any;
+    readonly displayCrossHatchesSetting: any;
+} & {
+    readonly ticks: {
+        range: number[];
+        values: number[];
+        format: (d: import("d3-scale").NumberValue) => string;
+        position: import("d3-scale").ScaleLinear<number, number, never> | import("d3-scale").ScaleQuantize<number, never>;
+    };
+    readonly adapterCapabilities: string[];
+} & {
+    renderProps(): any;
+    readonly hasResolution: boolean;
+    readonly hasGlobalStats: boolean;
+    readonly fillSetting: 0 | 1 | 2;
+} & {
+    trackMenuItems(): (import("@jbrowse/core/ui").MenuDivider | import("@jbrowse/core/ui").MenuSubHeader | import("@jbrowse/core/ui").NormalMenuItem | import("@jbrowse/core/ui").CheckboxMenuItem | import("@jbrowse/core/ui").RadioMenuItem | import("@jbrowse/core/ui").SubMenuItem | {
+        label: string;
+        subMenu: {
+            label: string;
+            type: string;
+            checked: boolean;
+            onClick: () => void;
+        }[];
+        type?: undefined;
+        checked?: undefined;
+        onClick?: undefined;
+    } | {
+        type: string;
+        label: string;
+        checked: any;
+        onClick: () => void;
+        subMenu?: undefined;
+    })[];
+} & {
+    reload(): Promise<void>;
+    afterAttach(): void;
+    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view/src/LinearGenomeView").ExportSvgOptions & {
+        overrideHeight: number;
+    }): Promise<JSX.Element>;
+} & {
+    renderProps(): any;
+}, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/esm/LinearGCContentDisplay/stateModel.js

@@ -0,0 +1,26 @@
+import { getConf, } from '@jbrowse/core/configuration';
+import { types } from 'mobx-state-tree';
+export default function stateModelFactory(pluginManager, configSchema) {
+    const WigglePlugin = pluginManager.getPlugin('WigglePlugin');
+    const { linearWiggleDisplayModelFactory } = WigglePlugin.exports;
+    return types
+        .compose('LinearGCContentDisplay', linearWiggleDisplayModelFactory(pluginManager, configSchema), types.model({
+        type: types.literal('LinearGCContentDisplay'),
+    }))
+        .views(self => {
+        const { renderProps: superRenderProps } = self;
+        return {
+            renderProps() {
+                const sequenceAdapter = getConf(self.parentTrack, 'adapter');
+                return {
+                    ...superRenderProps(),
+                    adapterConfig: {
+                        type: 'GCContentAdapter',
+                        sequenceAdapter,
+                    },
+                };
+            },
+        };
+    });
+}
+//# sourceMappingURL=stateModel.js.map

package/esm/LinearGCContentDisplay/stateModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateModel.js","sourceRoot":"","sources":["../../src/LinearGCContentDisplay/stateModel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,GAER,MAAM,6BAA6B,CAAA;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvC,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,aAA4B,EAC5B,YAAwC;IAExC,MAAM,YAAY,GAAG,aAAa,CAAC,SAAS,CAC1C,cAAc,CAC6B,CAAA;IAC7C,MAAM,EAAE,+BAA+B,EAAE,GAAG,YAAY,CAAC,OAAO,CAAA;IAChE,OAAO,KAAK;SACT,OAAO,CACN,wBAAwB,EACxB,+BAA+B,CAAC,aAAa,EAAE,YAAY,CAAC,EAC5D,KAAK,CAAC,KAAK,CAAC;QACV,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC;KAC9C,CAAC,CACH;SACA,KAAK,CAAC,IAAI,CAAC,EAAE;QACZ,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAA;QAC9C,OAAO;YACL,WAAW;gBACT,MAAM,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;gBAC5D,OAAO;oBACL,GAAG,gBAAgB,EAAE;oBACrB,aAAa,EAAE;wBACb,IAAI,EAAE,kBAAkB;wBACxB,eAAe;qBAChB;iBACF,CAAA;YACH,CAAC;SACF,CAAA;IACH,CAAC,CAAC,CAAA;AACN,CAAC"}

package/esm/index.d.ts

@@ -0,0 +1,6 @@
+import Plugin from '@jbrowse/core/Plugin';
+import PluginManager from '@jbrowse/core/PluginManager';
+export default class GCContentPlugin extends Plugin {
+    name: string;
+    install(pluginManager: PluginManager): void;
+}

package/esm/index.js

@@ -0,0 +1,15 @@
+import Plugin from '@jbrowse/core/Plugin';
+// locals
+import GCContentAdapterF from './GCContentAdapter';
+import LinearGCContentDisplayF from './LinearGCContentDisplay';
+export default class GCContentPlugin extends Plugin {
+    constructor() {
+        super(...arguments);
+        this.name = 'GCContentPlugin';
+    }
+    install(pluginManager) {
+        GCContentAdapterF(pluginManager);
+        LinearGCContentDisplayF(pluginManager);
+    }
+}
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAGzC,SAAS;AACT,OAAO,iBAAiB,MAAM,oBAAoB,CAAA;AAClD,OAAO,uBAAuB,MAAM,0BAA0B,CAAA;AAE9D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,MAAM;IAAnD;;QACE,SAAI,GAAG,iBAAiB,CAAA;IAM1B,CAAC;IAJC,OAAO,CAAC,aAA4B;QAClC,iBAAiB,CAAC,aAAa,CAAC,CAAA;QAChC,uBAAuB,CAAC,aAAa,CAAC,CAAA;IACxC,CAAC;CACF"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@jbrowse/plugin-gccontent",
+  "version": "2.2.1",
+  "description": "JBrowse 2 gccontent concepts",
+  "keywords": [
+    "jbrowse",
+    "jbrowse2"
+  ],
+  "license": "Apache-2.0",
+  "homepage": "https://jbrowse.org",
+  "bugs": "https://github.com/GMOD/jbrowse-components/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/GMOD/jbrowse-components.git",
+    "directory": "plugins/gccontent"
+  },
+  "author": "JBrowse Team",
+  "distMain": "dist/index.js",
+  "srcMain": "src/index.ts",
+  "main": "dist/index.js",
+  "files": [
+    "dist",
+    "src",
+    "esm"
+  ],
+  "scripts": {
+    "build": "npm-run-all build:*",
+    "test": "echo hi",
+    "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:es5": "tsc --build tsconfig.build.es5.json",
+    "clean": "rimraf dist esm *.tsbuildinfo"
+  },
+  "peerDependencies": {
+    "@jbrowse/core": "^2.0.0",
+    "@jbrowse/plugin-linear-genome-view": "^2.0.0",
+    "@jbrowse/plugin-sequence": "^2.0.0",
+    "@jbrowse/plugin-wiggle": "^2.0.0",
+    "@mui/material": "^5.0.0",
+    "mobx": "^6.0.0",
+    "mobx-react": "^7.0.0",
+    "mobx-state-tree": "^5.0.0",
+    "prop-types": "^15.0.0",
+    "react": ">=16.8.0",
+    "rxjs": "^6.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "distModule": "esm/index.js",
+  "srcModule": "src/index.ts",
+  "module": "esm/index.js",
+  "gitHead": "896d175c5d9345049faea8e1155f243c912aac42"
+}

package/src/GCContentAdapter/GCContentAdapter.ts

@@ -0,0 +1,99 @@
+import {
+  BaseFeatureDataAdapter,
+  BaseOptions,
+} from '@jbrowse/core/data_adapters/BaseAdapter'
+import { ObservableCreate } from '@jbrowse/core/util/rxjs'
+import { SimpleFeature, Feature, Region } from '@jbrowse/core/util'
+import { toArray } from 'rxjs/operators'
+
+export default class extends BaseFeatureDataAdapter {
+  private windowSize = 1000
+
+  private windowDelta = 1000
+
+  private gcMode = 'content'
+
+  public static capabilities = ['hasLocalStats']
+
+  public async configure() {
+    const adapter = await this.getSubAdapter?.(this.getConf('sequenceAdapter'))
+    if (!adapter) {
+      throw new Error('Error getting subadapter')
+    }
+    return adapter.dataAdapter as BaseFeatureDataAdapter
+  }
+
+  public async getRefNames() {
+    const adapter = await this.configure()
+    return adapter.getRefNames()
+  }
+
+  public getFeatures(query: Region, opts: BaseOptions) {
+    return ObservableCreate<Feature>(async observer => {
+      const sequenceAdapter = await this.configure()
+      const hw = this.windowSize === 1 ? 1 : this.windowSize / 2 // Half the window size
+      const f = this.windowSize === 1
+
+      let { start: queryStart, end: queryEnd } = query
+      queryStart = Math.max(0, queryStart - hw)
+      queryEnd += hw
+
+      if (queryEnd < 0 || queryStart > queryEnd) {
+        observer.complete()
+        return
+      }
+
+      const ret = sequenceAdapter.getFeatures(
+        {
+          ...query,
+          start: queryStart,
+          end: queryEnd,
+        },
+        opts,
+      )
+      const feats = await ret.pipe(toArray()).toPromise()
+      const residues = feats[0]?.get('seq') || ''
+
+      for (let i = hw; i < residues.length - hw; i += this.windowDelta) {
+        const r = f ? residues[i] : residues.slice(i - hw, i + hw)
+        let nc = 0
+        let ng = 0
+        let len = 0
+        for (let j = 0; j < r.length; j++) {
+          if (r[j] === 'c' || r[j] === 'C') {
+            nc++
+          } else if (r[j] === 'g' || r[j] === 'G') {
+            ng++
+          }
+          if (r[j] !== 'N') {
+            len++
+          }
+        }
+        const pos = queryStart
+        let score
+        if (this.gcMode === 'content') {
+          score = (ng + nc) / (len || 1)
+        } else if (this.gcMode === 'skew') {
+          score = (ng - nc) / (ng + nc || 1)
+        }
+
+        observer.next(
+          new SimpleFeature({
+            uniqueId: `${this.id}_${pos + i}`,
+            start: pos + i,
+            end: pos + i + this.windowDelta,
+            score,
+          }),
+        )
+      }
+      observer.complete()
+    })
+  }
+
+  /**
+   * called to provide a hint that data tied to a certain region
+   * will not be needed for the forseeable future and can be purged
+   * from caches, etc
+   */
+  public freeResources(/* { region } */) {}
+}

package/src/GCContentAdapter/configSchema.ts

@@ -0,0 +1,22 @@
+import PluginManager from '@jbrowse/core/PluginManager'
+import { ConfigurationSchema } from '@jbrowse/core/configuration'
+
+/**
+ * #config GCContentAdapter
+ */
+function x() {} // eslint-disable-line @typescript-eslint/no-unused-vars
+
+const GCContentAdapterF = (pluginManager: PluginManager) => {
+  return ConfigurationSchema(
+    'GCContentAdapter',
+    {
+      /**
+       * #slot
+       */
+      sequenceAdapter: pluginManager.pluggableConfigSchemaType('adapter'),
+    },
+    { explicitlyTyped: true },
+  )
+}
+
+export default GCContentAdapterF

package/src/GCContentAdapter/index.ts

@@ -0,0 +1,22 @@
+import PluginManager from '@jbrowse/core/PluginManager'
+import AdapterType from '@jbrowse/core/pluggableElementTypes/AdapterType'
+
+import configSchemaF from './configSchema'
+
+export default (pluginManager: PluginManager) => {
+  pluginManager.addAdapterType(
+    () =>
+      new AdapterType({
+        name: 'GCContentAdapter',
+        adapterMetadata: {
+          category: null,
+          hiddenFromGUI: true,
+          displayName: null,
+          description: null,
+        },
+        configSchema: configSchemaF(pluginManager),
+        getAdapterClass: () =>
+          import('./GCContentAdapter').then(r => r.default),
+      }),
+  )
+}

package/src/LinearGCContentDisplay/config.ts

@@ -0,0 +1,19 @@
+import { ConfigurationSchema } from '@jbrowse/core/configuration'
+import PluginManager from '@jbrowse/core/PluginManager'
+
+/**
+ * #config LinearGCContentDisplay
+ */
+function x() {} // eslint-disable-line @typescript-eslint/no-unused-vars
+
+export default function WiggleConfigFactory(pluginManager: PluginManager) {
+  const baseConfiguration = pluginManager.getDisplayType(
+    'LinearWiggleDisplay',
+  ).configSchema
+
+  return ConfigurationSchema(
+    'LinearGCContentDisplay',
+    {},
+    { baseConfiguration, explicitlyTyped: true },
+  )
+}

package/src/LinearGCContentDisplay/index.ts

@@ -0,0 +1,20 @@
+import PluginManager from '@jbrowse/core/PluginManager'
+import { BaseLinearDisplayComponent } from '@jbrowse/plugin-linear-genome-view'
+
+import configSchemaFactory from './config'
+import stateModelFactory from './stateModel'
+
+export default (pluginManager: PluginManager) => {
+  pluginManager.addDisplayType(() => {
+    const configSchema = configSchemaFactory(pluginManager)
+    const stateModel = stateModelFactory(pluginManager, configSchema)
+    return {
+      name: 'LinearGCContentDisplay',
+      configSchema,
+      stateModel,
+      trackType: 'ReferenceSequenceTrack',
+      viewType: 'LinearGenomeView',
+      ReactComponent: BaseLinearDisplayComponent,
+    }
+  })
+}

package/src/LinearGCContentDisplay/stateModel.ts

@@ -0,0 +1,39 @@
+import {
+  getConf,
+  AnyConfigurationSchemaType,
+} from '@jbrowse/core/configuration'
+import PluginManager from '@jbrowse/core/PluginManager'
+import { types } from 'mobx-state-tree'
+
+export default function stateModelFactory(
+  pluginManager: PluginManager,
+  configSchema: AnyConfigurationSchemaType,
+) {
+  const WigglePlugin = pluginManager.getPlugin(
+    'WigglePlugin',
+  ) as import('@jbrowse/plugin-wiggle').default
+  const { linearWiggleDisplayModelFactory } = WigglePlugin.exports
+  return types
+    .compose(
+      'LinearGCContentDisplay',
+      linearWiggleDisplayModelFactory(pluginManager, configSchema),
+      types.model({
+        type: types.literal('LinearGCContentDisplay'),
+      }),
+    )
+    .views(self => {
+      const { renderProps: superRenderProps } = self
+      return {
+        renderProps() {
+          const sequenceAdapter = getConf(self.parentTrack, 'adapter')
+          return {
+            ...superRenderProps(),
+            adapterConfig: {
+              type: 'GCContentAdapter',
+              sequenceAdapter,
+            },
+          }
+        },
+      }
+    })
+}

package/src/index.ts

@@ -0,0 +1,15 @@
+import Plugin from '@jbrowse/core/Plugin'
+import PluginManager from '@jbrowse/core/PluginManager'
+
+// locals
+import GCContentAdapterF from './GCContentAdapter'
+import LinearGCContentDisplayF from './LinearGCContentDisplay'
+
+export default class GCContentPlugin extends Plugin {
+  name = 'GCContentPlugin'
+
+  install(pluginManager: PluginManager) {
+    GCContentAdapterF(pluginManager)
+    LinearGCContentDisplayF(pluginManager)
+  }
+}