npm - @jbrowse/plugin-circular-view - Versions diffs - 2.3.4 → 2.4.1 - Mend

@jbrowse/plugin-circular-view 2.3.4 → 2.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (107) hide show

package/dist/CircularView/svgcomponents/SVGCircularView.js ADDED Viewed

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderToSvg = void 0;
+const react_1 = __importDefault(require("react"));
+const material_1 = require("@mui/material");
+const server_1 = require("react-dom/server");
+const mobx_1 = require("mobx");
+const util_1 = require("@jbrowse/core/util");
+const ui_1 = require("@jbrowse/core/ui");
+const SVGBackground_1 = __importDefault(require("./SVGBackground"));
+const Ruler_1 = __importDefault(require("../components/Ruler"));
+async function renderToSvg(model, opts) {
+    var _a;
+    await (0, mobx_1.when)(() => model.initialized);
+    const { themeName = 'default', Wrapper = ({ children }) => react_1.default.createElement(react_1.default.Fragment, null, children) } = opts;
+    const session = (0, util_1.getSession)(model);
+    const theme = (_a = session.allThemes) === null || _a === void 0 ? void 0 : _a.call(session)[themeName];
+    const { width, tracks, height } = model;
+    const shift = 50;
+    const displayResults = await Promise.all(tracks.map(async (track) => {
+        const display = track.displays[0];
+        await (0, mobx_1.when)(() => (display.ready !== undefined ? display.ready : true));
+        return { track, result: await display.renderSvg({ ...opts, theme }) };
+    }));
+    const { staticSlices, offsetRadians, centerXY } = model;
+    const deg = (0, util_1.radToDeg)(offsetRadians);
+    // the xlink namespace is used for rendering <image> tag
+    return (0, server_1.renderToStaticMarkup)(react_1.default.createElement(material_1.ThemeProvider, { theme: (0, ui_1.createJBrowseTheme)(theme) },
+        react_1.default.createElement(Wrapper, null,
+            react_1.default.createElement("svg", { width: width, height: height, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", viewBox: [0, 0, width + shift * 2, height].toString() },
+                react_1.default.createElement(SVGBackground_1.default, { width: width, height: height, shift: shift }),
+                react_1.default.createElement("g", { transform: `translate(${centerXY}) rotate(${deg})` },
+                    staticSlices.map((slice, i) => (react_1.default.createElement(Ruler_1.default, { key: i, model: model, slice: slice }))),
+                    displayResults.map(({ result }, i) => (react_1.default.createElement(react_1.default.Fragment, { key: i }, result))))))));
+}
+exports.renderToSvg = renderToSvg;
+//# sourceMappingURL=SVGCircularView.js.map

package/dist/CircularView/svgcomponents/SVGCircularView.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SVGCircularView.js","sourceRoot":"","sources":["../../../src/CircularView/svgcomponents/SVGCircularView.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,4CAA6C;AAC7C,6CAAuD;AACvD,+BAA2B;AAC3B,6CAAyD;AACzD,yCAAqD;AAIrD,oEAA2C;AAC3C,gEAAuC;AAIhC,KAAK,UAAU,WAAW,CAAC,KAAU,EAAE,IAAsB;;IAClE,MAAM,IAAA,WAAI,EAAC,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;IACnC,MAAM,EAAE,SAAS,GAAG,SAAS,EAAE,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,8DAAG,QAAQ,CAAI,EAAE,GAC1E,IAAI,CAAA;IACN,MAAM,OAAO,GAAG,IAAA,iBAAU,EAAC,KAAK,CAAC,CAAA;IACjC,MAAM,KAAK,GAAG,MAAA,OAAO,CAAC,SAAS,wDAAK,SAAS,CAAC,CAAA;IAC9C,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAA;IACvC,MAAM,KAAK,GAAG,EAAE,CAAA;IAChB,MAAM,cAAc,GAAG,MAAM,OAAO,CAAC,GAAG,CACtC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAC,KAAK,EAAC,EAAE;QACvB,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QACjC,MAAM,IAAA,WAAI,EAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;QACtE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC,SAAS,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAA;IACvE,CAAC,CAAC,CACH,CAAA;IAED,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACvD,MAAM,GAAG,GAAG,IAAA,eAAQ,EAAC,aAAa,CAAC,CAAA;IAEnC,wDAAwD;IACxD,OAAO,IAAA,6BAAoB,EACzB,8BAAC,wBAAa,IAAC,KAAK,EAAE,IAAA,uBAAkB,EAAC,KAAK,CAAC;QAC7C,8BAAC,OAAO;YACN,uCACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,4BAA4B,EAClC,UAAU,EAAC,8BAA8B,EACzC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC,QAAQ,EAAE;gBAErD,8BAAC,uBAAa,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;gBAC7D,qCAAG,SAAS,EAAE,aAAa,QAAQ,YAAY,GAAG,GAAG;oBAClD,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC9B,8BAAC,eAAK,IAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAC9C,CAAC;oBACD,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACrC,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,IAAG,MAAM,CAAkB,CAClD,CAAC,CACA,CACA,CACE,CACI,CACjB,CAAA;AACH,CAAC;AA3CD,kCA2CC"}

package/dist/LaunchCircularView/index.js CHANGED Viewed

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const mobx_1 = require("mobx");
 exports.default = (pluginManager) => {
     pluginManager.addToExtensionPoint('LaunchView-CircularView',
-    // @ts-ignore
+    // @ts-expect-error
     async ({ session, assembly, loc, tracks = [], }) => {
         const { assemblyManager } = session;
         const view = session.addView('CircularView', {});

package/dist/LaunchCircularView/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LaunchCircularView/index.ts"],"names":[],"mappings":";;AAAA,+BAA2B;AAS3B,kBAAe,CAAC,aAA4B,EAAE,EAAE;IAC9C,aAAa,CAAC,mBAAmB,CAC/B,yBAAyB;IACzB,~~aAAa~~;~~IACb~~,KAAK,EAAE,EACL,OAAO,EACP,QAAQ,EACR,GAAG,EACH,MAAM,GAAG,EAAE,GAMZ,EAAE,EAAE;QACH,MAAM,EAAE,eAAe,EAAE,GAAG,OAAO,CAAA;QACnC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAQ,CAAA;QAEvD,MAAM,IAAA,WAAI,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QAElC,IAAI,CAAC,QAAQ,EAAE;YACb,MAAM,IAAI,KAAK,CACb,0DAA0D,CAC3D,CAAA;SACF;QAED,MAAM,GAAG,GAAG,MAAM,eAAe,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;QAC3D,IAAI,CAAC,GAAG,EAAE;YACR,MAAM,IAAI,KAAK,CACb,aAAa,QAAQ,iDAAiD,CACvE,CAAA;SACF;QAED,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;QAE3C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAA;IAChD,CAAC,CACF,CAAA;AACH,CAAC,CAAA"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/LaunchCircularView/index.ts"],"names":[],"mappings":";;AAAA,+BAA2B;AAS3B,kBAAe,CAAC,aAA4B,EAAE,EAAE;IAC9C,aAAa,CAAC,mBAAmB,CAC/B,yBAAyB;IACzB,mBAAmB;IACnB,KAAK,EAAE,EACL,OAAO,EACP,QAAQ,EACR,GAAG,EACH,MAAM,GAAG,EAAE,GAMZ,EAAE,EAAE;QACH,MAAM,EAAE,eAAe,EAAE,GAAG,OAAO,CAAA;QACnC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAQ,CAAA;QAEvD,MAAM,IAAA,WAAI,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;QAElC,IAAI,CAAC,QAAQ,EAAE;YACb,MAAM,IAAI,KAAK,CACb,0DAA0D,CAC3D,CAAA;SACF;QAED,MAAM,GAAG,GAAG,MAAM,eAAe,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;QAC3D,IAAI,CAAC,GAAG,EAAE;YACR,MAAM,IAAI,KAAK,CACb,aAAa,QAAQ,iDAAiD,CACvE,CAAA;SACF;QAED,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAA;QAE3C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAA;IAChD,CAAC,CACF,CAAA;AACH,CAAC,CAAA"}

package/dist/index.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
 import PluginManager from '@jbrowse/core/PluginManager';
 import Plugin from '@jbrowse/core/Plugin';
-import { CircularViewModel, CircularViewStateModel } from './CircularView/models/CircularView';
 export default class CircularViewPlugin extends Plugin {
     name: string;
     install(pluginManager: PluginManager): void;
     configure(pluginManager: PluginManager): void;
 }
 export { baseChordDisplayConfig, BaseChordDisplayModel, BaseChordDisplayComponent, } from './BaseChordDisplay';
-export type { CircularViewModel, CircularViewStateModel };
+export { type CircularViewModel, type CircularViewStateModel, } from './CircularView/models/CircularView';

package/dist/index.js CHANGED Viewed

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseChordDisplayComponent = exports.BaseChordDisplayModel = exports.baseChordDisplayConfig = void 0;
 const util_1 = require("@jbrowse/core/util");
 const Plugin_1 = __importDefault(require("@jbrowse/core/Plugin"));
+// locals
 const CircularView_1 = __importDefault(require("./CircularView"));
 const LaunchCircularView_1 = __importDefault(require("./LaunchCircularView"));
 // icons

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAgF;AAEhF,kEAAyC;~~AAOzC~~,kEAA0C;AAC1C,8EAAsD;AAEtD,QAAQ;AACR,8EAAyD;AAEzD,MAAqB,kBAAmB,SAAQ,gBAAM;IAAtD;;QACE,SAAI,GAAG,oBAAoB,CAAA;IAkB7B,CAAC;IAhBC,OAAO,CAAC,aAA4B;QAClC,IAAA,sBAAa,EAAC,aAAa,CAAC,CAAA;QAC5B,IAAA,4BAAmB,EAAC,aAAa,CAAC,CAAA;IACpC,CAAC;IAED,SAAS,CAAC,aAA4B;QACpC,IAAI,IAAA,4BAAqB,EAAC,aAAa,CAAC,SAAS,CAAC,EAAE;YAClD,aAAa,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC,EAAE;gBAC/C,KAAK,EAAE,eAAe;gBACtB,IAAI,EAAE,mBAAa;gBACnB,OAAO,EAAE,CAAC,OAA6B,EAAE,EAAE;oBACzC,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAA;gBACrC,CAAC;aACF,CAAC,CAAA;SACH;IACH,CAAC;CACF;AAnBD,qCAmBC;AAED,uDAI2B;AAHzB,0HAAA,sBAAsB,OAAA;AACtB,yHAAA,qBAAqB,OAAA;AACrB,6HAAA,yBAAyB,OAAA"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,6CAAgF;AAEhF,kEAAyC;AAEzC,SAAS;AAET,kEAA0C;AAC1C,8EAAsD;AAEtD,QAAQ;AACR,8EAAyD;AAEzD,MAAqB,kBAAmB,SAAQ,gBAAM;IAAtD;;QACE,SAAI,GAAG,oBAAoB,CAAA;IAkB7B,CAAC;IAhBC,OAAO,CAAC,aAA4B;QAClC,IAAA,sBAAa,EAAC,aAAa,CAAC,CAAA;QAC5B,IAAA,4BAAmB,EAAC,aAAa,CAAC,CAAA;IACpC,CAAC;IAED,SAAS,CAAC,aAA4B;QACpC,IAAI,IAAA,4BAAqB,EAAC,aAAa,CAAC,SAAS,CAAC,EAAE;YAClD,aAAa,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,KAAK,CAAC,EAAE;gBAC/C,KAAK,EAAE,eAAe;gBACtB,IAAI,EAAE,mBAAa;gBACnB,OAAO,EAAE,CAAC,OAA6B,EAAE,EAAE;oBACzC,OAAO,CAAC,OAAO,CAAC,cAAc,EAAE,EAAE,CAAC,CAAA;gBACrC,CAAC;aACF,CAAC,CAAA;SACH;IACH,CAAC;CACF;AAnBD,qCAmBC;AAED,uDAI2B;AAHzB,0HAAA,sBAAsB,OAAA;AACtB,yHAAA,qBAAqB,OAAA;AACrB,6HAAA,yBAAyB,OAAA"}

package/esm/BaseChordDisplay/components/Loading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/components/Loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE;IACrC,MAAM,MAAM,GAAG,CAAC,CAAA;IAChB,MAAM,QAAQ,GAAG,GAAG,CAAA;IAEpB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,OAAO,CAAA;IAClE,OAAO;QACL,IAAI,EAAE;YACJ,eAAe,EAAE,GAAG;YACpB,gBAAgB,EAAE,EAAE;YACpB,SAAS,EAAE,SAAS,QAAQ,mCAC1B,QAAQ,GAAG,CACb,wBAAwB;SACzB;QACD,mBAAmB,EAAE;YACnB,IAAI,EAAE;gBACJ,MAAM,EAAE,OAAO,CAAC,KAAK;aACtB;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS,CAAC,KAAK;aACxB;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,QAAQ,CAAC,KAAK;aACvB;YACD,KAAK,EAAE;gBACL,MAAM,EAAE,UAAU,CAAC,KAAK;aACzB;YACD,MAAM,EAAE;gBACN,MAAM,EAAE,OAAO,CAAC,KAAK;aACtB;SACF;~~QACD~~,iBAAiB,EAAE;YACjB,IAAI,EAAE;gBACJ,gBAAgB,EAAE,MAAM;aACzB;YACD,KAAK,EAAE;gBACL,gBAAgB,EAAE,MAAM,GAAG,CAAC;gBAC5B,SAAS,EAAE,gBAAgB;aAC5B;YACD,MAAM,EAAE;gBACN,gBAAgB,EAAE,MAAM;gBACxB,SAAS,EAAE,gBAAgB;aAC5B;SACF;KACF,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,OAAO,GAAG,QAAQ,CAAC,UAAU,EACjC,KAAK,EAAE,EACL,WAAW,EAAE,EAAE,MAAM,EAAE,GACxB,GAGF;IACC,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAE/B,4EAA4E;IAC5E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;QACrD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IACpC,CAAC,CAAC,CAAA;IAEF,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB;QACE;YACE,iCACE,EAAE,EAAC,eAAe,EAClB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,gBAAgB,EAAC,gBAAgB,EACjC,YAAY,EAAC,gBAAgB;gBAE7B,8BACE,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,EAAE,MAAM,EAAE,uBAAuB,EAAE,WAAW,EAAE,EAAE,EAAE,GAC3D,CACM,CACL;QACP,gCAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAC,SAAS,GAAG;QAClD,gCAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAC,qBAAqB,GAAG;QAC9D,8BACE,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,SAAS,EAAC,gBAAgB,EAC1B,gBAAgB,EAAC,QAAQ,EACzB,UAAU,EAAC,QAAQ,oBAGd;QACP,gCACE,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,IAAI,GACN,CACA,CACL,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}
1	+ {"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/components/Loading.tsx"],"names":[],"mappings":"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"}

package/esm/BaseChordDisplay/index.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 export { default as BaseChordDisplayComponent } from './components/BaseChordDisplay';
-export { BaseChordDisplayModel } from './models/BaseChordDisplayModel';
-export { baseChordDisplayConfig } from './models/baseChordDisplayConfig';
+export { BaseChordDisplayModel } from './models/model';
+export { baseChordDisplayConfig } from './models/configSchema';

package/esm/BaseChordDisplay/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export { default as BaseChordDisplayComponent } from './components/BaseChordDisplay';
-export { BaseChordDisplayModel } from './models/BaseChordDisplayModel';
-export { baseChordDisplayConfig } from './models/baseChordDisplayConfig';
+export { BaseChordDisplayModel } from './models/model';
+export { baseChordDisplayConfig } from './models/configSchema';
 //# sourceMappingURL=index.js.map

package/esm/BaseChordDisplay/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BaseChordDisplay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,~~gCAAgC~~,CAAA;~~AACtE~~,OAAO,EAAE,sBAAsB,EAAE,MAAM,~~iCAAiC~~,CAAA"}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BaseChordDisplay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,+BAA+B,CAAA;AACpF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAA"}

package/esm/BaseChordDisplay/models/{baseChordDisplayConfig.js → configSchema.js} RENAMED Viewed

@@ -20,4 +20,4 @@ const baseChordDisplayConfig = ConfigurationSchema('BaseChordDisplay', {
     explicitIdentifier: 'displayId',
 });
 export { baseChordDisplayConfig };
-//# sourceMappingURL=baseChordDisplayConfig.js.map
+//# sourceMappingURL=configSchema.js.map

package/esm/BaseChordDisplay/models/configSchema.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"configSchema.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/models/configSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AAEjE;;GAEG;AACH,SAAS,CAAC,KAAI,CAAC,CAAC,wDAAwD;AAExE,MAAM,sBAAsB,GAAG,mBAAmB,CAChD,kBAAkB,EAClB;IACE;;OAEG;IACH,YAAY,EAAE;QACZ,IAAI,EAAE,SAAS;QACf,WAAW,EACT,kEAAkE;QACpE,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe,CAAC;KACvD;CACF,EACD;IACE;;OAEG;IACH,kBAAkB,EAAE,WAAW;CAChC,CACF,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/esm/BaseChordDisplay/models/{BaseChordDisplayModel.d.ts → model.d.ts} RENAMED Viewed

@@ -1,6 +1,8 @@
 import React from 'react';
 import RendererType from '@jbrowse/core/pluggableElementTypes/renderers/RendererType';
 import { AnyReactComponentType, Feature } from '@jbrowse/core/util';
+import { ExportSvgOptions } from '../../CircularView/models/CircularView';
+import { ThemeOptions } from '@mui/material';
 export declare const BaseChordDisplayModel: 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>;
@@ -35,6 +37,9 @@ export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType
         model: {
             id: string;
             type: string;
+            /**
+             * #action
+             */
             rpcDriverName: string | undefined;
         } & import("mobx-state-tree/dist/internal").NonEmptyObject & {
             rendererTypeName: string;
@@ -123,4 +128,11 @@ export declare const BaseChordDisplayModel: import("mobx-state-tree").IModelType
     setRefNameMap(refNameMap: Record<string, string>): void;
 } & {
     afterAttach(): void;
+} & {
+    /**
+     * #method
+     */
+    renderSvg(opts: ExportSvgOptions & {
+        theme: ThemeOptions;
+    }): Promise<JSX.Element>;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;

package/esm/BaseChordDisplay/models/{BaseChordDisplayModel.js → model.js} RENAMED Viewed

@@ -1,10 +1,11 @@
+import React from 'react';
 import clone from 'clone';
 import { getParent, isAlive, types } from 'mobx-state-tree';
 // jbrowse
 import { getConf } from '@jbrowse/core/configuration';
 import { BaseDisplay } from '@jbrowse/core/pluggableElementTypes/models';
 import CircularChordRendererType from '@jbrowse/core/pluggableElementTypes/renderers/CircularChordRendererType';
-import { getContainingView, getSession, getEnv, isFeature, makeAbortableReaction, } from '@jbrowse/core/util';
+import { getContainingView, getSession, getEnv, isFeature, makeAbortableReaction, ReactRendering, } from '@jbrowse/core/util';
 import { getParentRenderProps, getRpcSessionId, getTrackAssemblyNames, } from '@jbrowse/core/util/tracks';
 // locals
 import { renderReactionData, renderReactionEffect } from './renderReaction';
@@ -24,19 +25,17 @@ export const BaseChordDisplayModel = types
      */
     assemblyName: types.maybe(types.string),
 }))
-    .volatile(() => {
-    return {
-        // NOTE: all this volatile stuff has to be filled in at once
-        // so that it stays consistent
-        filled: false,
-        reactElement: undefined,
-        data: undefined,
-        html: undefined,
-        message: '',
-        renderingComponent: undefined,
-        refNameMap: undefined,
-    };
-})
+    .volatile(() => ({
+    // NOTE: all this volatile stuff has to be filled in at once
+    // so that it stays consistent
+    filled: false,
+    reactElement: undefined,
+    data: undefined,
+    html: undefined,
+    message: '',
+    renderingComponent: undefined,
+    refNameMap: undefined,
+}))
     .actions(self => {
     const { pluginManager } = getEnv(self);
     const track = self;
@@ -54,18 +53,17 @@ export const BaseChordDisplayModel = types
      * #getter
      */
     get blockDefinitions() {
-        const origSlices = getContainingView(self)
-            .staticSlices;
+        const view = getContainingView(self);
+        const origSlices = view.staticSlices;
         if (!self.refNameMap) {
             return origSlices;
         }
         const slices = clone(origSlices);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        slices.forEach((slice) => {
+        slices.forEach(slice => {
             const regions = slice.region.elided
                 ? slice.region.regions
                 : [slice.region];
-            regions.forEach((region) => {
+            regions.forEach(region => {
                 var _a;
                 const renamed = (_a = self.refNameMap) === null || _a === void 0 ? void 0 : _a[region.refName];
                 if (renamed && region.refName !== renamed) {
@@ -194,7 +192,7 @@ export const BaseChordDisplayModel = types
     .actions(self => ({
     afterAttach() {
         makeAbortableReaction(self, renderReactionData,
-        // @ts-ignore
+        // @ts-expect-error
         renderReactionEffect, {
             name: `${self.type} ${self.id} rendering`,
             // delay: self.renderDelay || 300,
@@ -212,12 +210,24 @@ export const BaseChordDisplayModel = types
         }, {
             name: `${self.type} ${self.id} getting refNames`,
             fireImmediately: true,
-        }, () => { }, refNameMap => {
-            self.setRefNameMap(refNameMap);
-        }, error => {
+        }, () => { }, refNameMap => self.setRefNameMap(refNameMap), error => {
             console.error(error);
             self.setError(error);
         });
     },
+}))
+    .views(self => ({
+    /**
+     * #method
+     */
+    async renderSvg(opts) {
+        const data = renderReactionData(self);
+        const rendering = await renderReactionEffect({
+            ...data,
+            exportSVG: opts,
+            theme: opts.theme || data.renderProps.theme,
+        }, undefined, self);
+        return React.createElement(ReactRendering, { rendering: rendering });
+    },
 }));
-//# sourceMappingURL=BaseChordDisplayModel.js.map
+//# sourceMappingURL=model.js.map

package/esm/BaseChordDisplay/models/model.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/models/model.tsx"],"names":[],"mappings":"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"}

package/esm/BaseChordDisplay/models/renderReaction.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ export declare function renderReactionData(self: any): {
         timeout: number;
     };
 };
-export declare function renderReactionEffect(props: any, signal: AbortSignal, self: any): Promise<{
+export declare function renderReactionEffect(props: any, signal: AbortSignal | undefined, self: any): Promise<{
     message: any;
     html?: undefined;
     data?: undefined;

package/esm/BaseChordDisplay/models/renderReaction.js CHANGED Viewed

@@ -27,17 +27,16 @@ export async function renderReactionEffect(
 props, signal,
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 self) {
+    var _a;
     if (!props) {
         throw new Error('cannot render with no props');
     }
-    const { rendererType, rpcManager, cannotBeRenderedReason, renderArgs, renderProps, } = props;
+    const { rendererType, rpcManager, cannotBeRenderedReason, renderArgs, renderProps, exportSVG, } = props;
     if (cannotBeRenderedReason) {
         return { message: cannotBeRenderedReason };
     }
     // don't try to render 0 or NaN radius or no regions
-    if (!props.renderProps.radius ||
-        !props.renderArgs.regions ||
-        !props.renderArgs.regions.length) {
+    if (!renderProps.radius || !((_a = renderArgs.regions) === null || _a === void 0 ? void 0 : _a.length)) {
         return { message: 'Skipping render' };
     }
     // check renderertype compatibility
@@ -47,7 +46,7 @@ self) {
     const { html, ...data } = await rendererType.renderInClient(rpcManager, {
         ...renderArgs,
         ...renderProps,
-        signal,
+        exportSVG,
     });
     return {
         html,

package/esm/BaseChordDisplay/models/renderReaction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderReaction.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/models/renderReaction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAElE,8DAA8D;AAC9D,MAAM,UAAU,kBAAkB,CAAC,IAAS;;IAC1C,MAAM,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACpC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAA;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,CAAA;IAEvC,OAAO;QACL,YAAY;QACZ,UAAU;QACV,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;QAC/B,UAAU,EAAE;YACV,YAAY,EAAE,MAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,0CAAE,YAAY;YACpD,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;YACxC,YAAY,EAAE,YAAY,CAAC,IAAI;YAC/B,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC;YACrC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC;YAChC,OAAO,EAAE,OAAO;SACjB;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,oBAAoB;AACxC,8DAA8D;AAC9D,KAAU,EACV,~~MAAmB~~;~~AACnB~~,8DAA8D;AAC9D,IAAS;IAET,IAAI,CAAC,KAAK,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAA;KAC/C;IAED,MAAM,EACJ,YAAY,EACZ,UAAU,EACV,sBAAsB,EACtB,UAAU,EACV,WAAW,~~GACZ~~,GAAG,KAAK,CAAA;IAET,IAAI,sBAAsB,EAAE;QAC1B,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,CAAA;KAC3C;IAED,oDAAoD;IACpD,~~IACE~~,CAAC,~~KAAK,CAAC,~~WAAW,CAAC,MAAM~~;QACzB~~,~~CAAC~~,~~KAAK,~~CAAC,~~UAAU~~,~~CAAC~~,~~OAAO;QACzB,CAAC,KAAK,CAAC,~~UAAU,CAAC,OAAO,~~CAAC~~,MAAM,~~EAChC~~;~~QACA~~,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAA;KACtC;IAED,mCAAmC;IACnC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,YAAY,CAAC,EAAE;QAChD,MAAM,IAAI,KAAK,CACb,YAAY,YAAY,CAAC,IAAI,2CAA2C,CACzE,CAAA;KACF;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,YAAY,CAAC,cAAc,CAAC,UAAU,EAAE;QACtE,GAAG,UAAU;QACb,GAAG,WAAW;QACd,~~MAAM~~;~~KACP~~,CAAC,CAAA;IAEF,OAAO;QACL,IAAI;QACJ,IAAI;QACJ,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,kBAAkB,EAAE,YAAY,CAAC,cAAc;KAChD,CAAA;AACH,CAAC"}
1	+ {"version":3,"file":"renderReaction.js","sourceRoot":"","sources":["../../../src/BaseChordDisplay/models/renderReaction.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAElE,8DAA8D;AAC9D,MAAM,UAAU,kBAAkB,CAAC,IAAS;;IAC1C,MAAM,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IACpC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAA;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC,CAAA;IAEvC,OAAO;QACL,YAAY;QACZ,UAAU;QACV,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;QAC/B,UAAU,EAAE;YACV,YAAY,EAAE,MAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,0CAAE,YAAY;YACpD,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC;YACxC,YAAY,EAAE,YAAY,CAAC,IAAI;YAC/B,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,gBAAgB,CAAC;YACrC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;YACvC,SAAS,EAAE,eAAe,CAAC,IAAI,CAAC;YAChC,OAAO,EAAE,OAAO;SACjB;KACF,CAAA;AACH,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,oBAAoB;AACxC,8DAA8D;AAC9D,KAAU,EACV,MAA+B;AAC/B,8DAA8D;AAC9D,IAAS;;IAET,IAAI,CAAC,KAAK,EAAE;QACV,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAA;KAC/C;IAED,MAAM,EACJ,YAAY,EACZ,UAAU,EACV,sBAAsB,EACtB,UAAU,EACV,WAAW,EACX,SAAS,GACV,GAAG,KAAK,CAAA;IAET,IAAI,sBAAsB,EAAE;QAC1B,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,CAAA;KAC3C;IAED,oDAAoD;IACpD,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,MAAM,CAAA,EAAE;QACtD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,CAAA;KACtC;IAED,mCAAmC;IACnC,IAAI,CAAC,IAAI,CAAC,wBAAwB,CAAC,YAAY,CAAC,EAAE;QAChD,MAAM,IAAI,KAAK,CACb,YAAY,YAAY,CAAC,IAAI,2CAA2C,CACzE,CAAA;KACF;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,MAAM,YAAY,CAAC,cAAc,CAAC,UAAU,EAAE;QACtE,GAAG,UAAU;QACb,GAAG,WAAW;QACd,SAAS;KACV,CAAC,CAAA;IAEF,OAAO;QACL,IAAI;QACJ,IAAI;QACJ,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,kBAAkB,EAAE,YAAY,CAAC,cAAc;KAChD,CAAA;AACH,CAAC"}

package/esm/CircularView/components/CircularView.js CHANGED Viewed

@@ -13,23 +13,14 @@ const useStyles = makeStyles()(theme => ({
         position: 'relative',
         marginBottom: theme.spacing(1),
         overflow: 'hidden',
-        background: 'white',
     },
     scroller: {
         overflow: 'auto',
     },
-    sliceRoot: {
-        background: 'none',
-        // background: theme.palette.background.paper,
-        boxSizing: 'content-box',
-        display: 'block',
-    },
 }));
 const Slices = observer(({ model }) => {
     return (React.createElement(React.Fragment, null,
-        model.staticSlices.map(slice => (React.createElement(Ruler, { key: assembleLocString(
-            // @ts-ignore
-            slice.region.elided ? slice.region.regions[0] : slice.region), model: model, slice: slice }))),
+        model.staticSlices.map(slice => (React.createElement(Ruler, { key: assembleLocString(slice.region.elided ? slice.region.regions[0] : slice.region), model: model, slice: slice }))),
         model.tracks.map(track => {
             const display = track.displays[0];
             return (React.createElement(display.RenderingComponent, { key: display.id, display: display, view: model }));
@@ -49,18 +40,16 @@ const CircularViewLoaded = observer(function ({ model, }) {
     const { classes } = useStyles();
     return (React.createElement("div", { className: classes.root, style: { width, height }, "data-testid": id },
         React.createElement("div", { className: classes.scroller, style: { width, height } },
-            React.createElement("div", { style: {
-                    transform: [`rotate(${offsetRadians}rad)`].join(' '),
+            React.createElement("svg", { style: {
+                    transform: `rotate(${offsetRadians}rad)`,
                     transition: 'transform 0.5s',
                     transformOrigin: centerXY.map(x => `${x}px`).join(' '),
-                } },
-                React.createElement("svg", { style: {
-                        position: 'absolute',
-                        left: 0,
-                        top: 0,
-                    }, className: classes.sliceRoot, width: figureWidth + 'px', height: figureHeight + 'px', version: "1.1" },
-                    React.createElement("g", { transform: `translate(${centerXY})` },
-                        React.createElement(Slices, { model: model }))))),
+                    position: 'absolute',
+                    left: 0,
+                    top: 0,
+                }, width: figureWidth, height: figureHeight },
+                React.createElement("g", { transform: `translate(${centerXY})` },
+                    React.createElement(Slices, { model: model })))),
         React.createElement(Controls, { model: model }),
         hideVerticalResizeHandle ? null : (React.createElement(ResizeHandle, { onDrag: model.resizeHeight, style: {
                 height: dragHandleHeight,

package/esm/CircularView/components/CircularView.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CircularView.js","sourceRoot":"","sources":["../../../src/CircularView/components/CircularView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,SAAS;AACT,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,UAAU,MAAM,cAAc,CAAA;AAGrC,MAAM,gBAAgB,GAAG,CAAC,CAAA;AAE1B,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9B,QAAQ,EAAE,QAAQ;~~QAClB,UAAU,EAAE,OAAO~~;~~KACpB;~~IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,MAAM;KACjB;~~IACD,SAAS,EAAE;QACT,UAAU,EAAE,MAAM;QAClB,8CAA8C;QAC9C,SAAS,EAAE,aAAa;QACxB,OAAO,EAAE,OAAO;KACjB;~~CACF,CAAC,CAAC,CAAA;AAEH,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAgC,EAAE,EAAE;IAClE,OAAO,CACL;QACG,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC/B,oBAAC,KAAK,IACJ,GAAG,EAAE,iBAAiB~~;YACpB~~,~~aAAa;YACb~~,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAC7D,EACD,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;QACD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACxB,MAAM,OAAO,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;YACjC,OAAO,CACL,oBAAC,OAAO,CAAC,kBAAkB,IACzB,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,KAAK,GACX,CACH,CAAA;QACH,CAAC,CAAC,CACD,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,EAAE,KAAK,EAAgC,EAAE,EAAE;IACxE,MAAM,WAAW,GACf,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,MAAM;QAC/B,CAAC,CAAC,KAAK,CAAC,WAAW;QACnB,CAAC,CAAC,KAAK,CAAC,YAAY;QACpB,KAAK,CAAC,WAAW,CAAA;IAEnB,MAAM,cAAc,GAAG,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAA;IAC/D,MAAM,UAAU,GAAG,WAAW,IAAI,CAAC,cAAc,CAAA;IAEjD,OAAO,CACL,0CACG,cAAc,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAC/B,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAC7B,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CACf,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI,CACrC,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,kBAAkB,GAAG,QAAQ,CAAC,UAAU,EAC5C,KAAK,GAGN;IACC,MAAM,EACJ,KAAK,EACL,MAAM,EACN,EAAE,EACF,aAAa,EACb,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,wBAAwB,GACzB,GAAG,KAAK,CAAA;IACT,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAe,EAAE;QACrE,6BAAK,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACxD,6BACE,KAAK,EAAE;oBACL,SAAS,EAAE,~~CAAC,~~UAAU,aAAa,MAAM~~,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC~~;~~oBACpD~~,UAAU,EAAE,gBAAgB;oBAC5B,eAAe,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;~~iBACvD;gBAED~~,~~6BACE,KAAK,EAAE;wBACL,~~QAAQ,EAAE,UAAU;~~wBACpB~~,IAAI,EAAE,CAAC;~~wBACP~~,GAAG,EAAE,CAAC;~~qBACP~~,EACD,~~SAAS,EAAE,OAAO,CAAC,SAAS,EAC5B,~~KAAK,EAAE,WAAW,~~GAAG~~,~~IAAI,EACzB,~~MAAM,EAAE,YAAY~~,GAAG,IAAI,EAC3B,OAAO,EAAC,KAAK~~;~~oBAEb~~,2BAAG,SAAS,EAAE,aAAa,QAAQ,GAAG;~~wBACpC~~,oBAAC,MAAM,IAAC,KAAK,EAAE,KAAK,GAAI,CACtB,CACA,CACF~~,CACF~~;QACN,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QACzB,wBAAwB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,oBAAC,YAAY,IACX,MAAM,EAAE,KAAK,CAAC,YAAY,EAC1B,KAAK,EAAE;gBACL,MAAM,EAAE,gBAAgB;gBACxB,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,CAAC;gBACT,IAAI,EAAE,CAAC;gBACP,UAAU,EAAE,MAAM;gBAClB,SAAS,EAAE,YAAY;gBACvB,SAAS,EAAE,mBAAmB;aAC/B,GACD,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}
1	+ {"version":3,"file":"CircularView.js","sourceRoot":"","sources":["../../../src/CircularView/components/CircularView.tsx"],"names":[],"mappings":"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"}

package/esm/CircularView/components/Controls.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CircularViewModel } from '../models/CircularView';
-declare const Controls: ({ model }: {
+declare const _default: ({ model }: {
     model: CircularViewModel;
 }) => JSX.Element;
-export default Controls;
+export default _default;

package/esm/CircularView/components/Controls.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { observer } from 'mobx-react';
 import { IconButton } from '@mui/material';
 import { makeStyles } from 'tss-react/mui';
-import { grey } from '@mui/material/colors';
+import JBrowseMenu from '@jbrowse/core/ui/Menu';
 // icons
 import ZoomOutIcon from '@mui/icons-material/ZoomOut';
 import ZoomInIcon from '@mui/icons-material/ZoomIn';
@@ -10,40 +10,53 @@ import RotateLeftIcon from '@mui/icons-material/RotateLeft';
 import RotateRightIcon from '@mui/icons-material/RotateRight';
 import LockOpenIcon from '@mui/icons-material/LockOpen';
 import LockIcon from '@mui/icons-material/Lock';
+import PhotoCamera from '@mui/icons-material/PhotoCamera';
+import MoreVert from '@mui/icons-material/MoreVert';
 import { TrackSelector as TrackSelectorIcon } from '@jbrowse/core/ui/Icons';
-const useStyles = makeStyles()({
-    iconButton: {
-        padding: '4px',
-        margin: '0 2px 0 2px',
-    },
+import { getSession } from '@jbrowse/core/util';
+import ExportSvgDlg from './ExportSvgDialog';
+const useStyles = makeStyles()(theme => ({
     controls: {
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
         position: 'absolute',
-        background: grey[200],
-        boxSizing: 'border-box',
-        borderRight: '1px solid #a2a2a2',
-        borderBottom: '1px solid #a2a2a2',
+        borderRight: `1px solid ${theme.palette.divider}`,
+        borderBottom: `1px solid ${theme.palette.divider}`,
         left: 0,
         top: 0,
     },
-});
-const Controls = observer(function ({ model }) {
+}));
+export default observer(function ({ model }) {
     const { classes } = useStyles();
+    const [anchorEl, setAnchorEl] = useState(null);
     return (React.createElement("div", { className: classes.controls },
-        React.createElement(IconButton, { onClick: model.zoomOutButton, className: classes.iconButton, title: model.lockedFitToWindow ? 'unlock to zoom out' : 'zoom out', disabled: model.atMaxBpPerPx || model.lockedFitToWindow, color: "secondary" },
+        React.createElement(IconButton, { onClick: model.zoomOutButton, title: model.lockedFitToWindow ? 'unlock to zoom out' : 'zoom out', disabled: model.atMaxBpPerPx || model.lockedFitToWindow },
             React.createElement(ZoomOutIcon, null)),
-        React.createElement(IconButton, { onClick: model.zoomInButton, className: classes.iconButton, title: "zoom in", disabled: model.atMinBpPerPx, color: "secondary" },
+        React.createElement(IconButton, { onClick: model.zoomInButton, disabled: model.atMinBpPerPx, title: "zoom in" },
             React.createElement(ZoomInIcon, null)),
-        React.createElement(IconButton, { onClick: model.rotateCounterClockwiseButton, className: classes.iconButton, title: "rotate counter-clockwise", color: "secondary" },
+        React.createElement(IconButton, { onClick: model.rotateCounterClockwiseButton, title: "rotate counter-clockwise" },
             React.createElement(RotateLeftIcon, null)),
-        React.createElement(IconButton, { onClick: model.rotateClockwiseButton, className: classes.iconButton, title: "rotate clockwise", color: "secondary" },
+        React.createElement(IconButton, { onClick: model.rotateClockwiseButton, title: "rotate clockwise" },
             React.createElement(RotateRightIcon, null)),
-        React.createElement(IconButton, { onClick: model.toggleFitToWindowLock, className: classes.iconButton, title: model.lockedFitToWindow
+        React.createElement(IconButton, { onClick: model.toggleFitToWindowLock, title: model.lockedFitToWindow
                 ? 'locked model to window size'
-                : 'unlocked model to zoom further', disabled: model.tooSmallToLock, color: "secondary" }, model.lockedFitToWindow ? React.createElement(LockIcon, null) : React.createElement(LockOpenIcon, null)),
-        model.hideTrackSelectorButton ? null : (React.createElement(IconButton, { onClick: model.activateTrackSelector, title: "Open track selector", "data-testid": "circular_track_select", color: "secondary" },
-            React.createElement(TrackSelectorIcon, null)))));
+                : 'unlocked model to zoom further', disabled: model.tooSmallToLock }, model.lockedFitToWindow ? React.createElement(LockIcon, null) : React.createElement(LockOpenIcon, null)),
+        React.createElement(IconButton, { onClick: event => setAnchorEl(event.currentTarget) },
+            React.createElement(MoreVert, null)),
+        model.hideTrackSelectorButton ? null : (React.createElement(IconButton, { onClick: model.activateTrackSelector, title: "Open track selector", "data-testid": "circular_track_select" },
+            React.createElement(TrackSelectorIcon, null))),
+        anchorEl ? (React.createElement(JBrowseMenu, { anchorEl: anchorEl, menuItems: [
+                {
+                    label: 'Export SVG',
+                    icon: PhotoCamera,
+                    onClick: () => {
+                        getSession(model).queueDialog(handleClose => [
+                            ExportSvgDlg,
+                            { model, handleClose },
+                        ]);
+                    },
+                },
+            ], onMenuItemClick: (_event, callback) => {
+                callback();
+                setAnchorEl(null);
+            }, open: Boolean(anchorEl), onClose: () => setAnchorEl(null) })) : null));
 });
-export default Controls;
 //# sourceMappingURL=Controls.js.map

package/esm/CircularView/components/Controls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../src/CircularView/components/Controls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;~~AACzB~~,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,~~EAAE~~,~~IAAI,EAAE,~~MAAM,~~sBAAsB~~,CAAA;~~AAE3C~~,QAAQ;AACR,OAAO,WAAW,MAAM,6BAA6B,CAAA;AACrD,OAAO,UAAU,MAAM,4BAA4B,CAAA;AACnD,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAC3D,OAAO,eAAe,MAAM,iCAAiC,CAAA;AAC7D,OAAO,YAAY,MAAM,8BAA8B,CAAA;AACvD,OAAO,QAAQ,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;~~AAK3E~~,~~MAAM~~,~~SAAS~~,~~GAAG,~~UAAU,EAAE,~~CAAC;IAC7B~~,~~UAAU~~,~~EAAE~~;~~QACV~~,OAAO,~~EAAE~~,~~KAAK~~;~~QACd~~,MAAM,~~EAAE~~,~~aAAa;KACtB;IACD~~,~~QAAQ~~,EAAE~~;QACR~~,~~QAAQ~~,EAAE,~~QAAQ~~;~~QAClB~~,~~UAAU~~,EAAE~~,QAAQ~~;~~QACpB~~,QAAQ,EAAE,UAAU;QACpB,~~UAAU~~,EAAE,~~IAAI~~,CAAC,~~GAAG~~,CAAC~~;QACrB~~,~~SAAS~~,EAAE,YAAY~~;QACvB~~,~~WAAW,~~EAAE,~~mBAAmB;QAChC~~,~~YAAY~~,EAAE~~,mBAAmB~~;~~QACjC~~,IAAI,EAAE,CAAC;QACP,GAAG,EAAE,CAAC;KACP;CACF,CAAC,CAAA;~~AAEF~~,~~MAAM~~,QAAQ,~~GAAG,QAAQ,~~CAAC,UAAU,EAAE,KAAK,EAAgC;~~IACzE~~,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAA;IAC/B,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,CAAC,QAAQ;QAC9B,oBAAC,UAAU,IACT,OAAO,EAAE,KAAK,CAAC,aAAa,EAC5B,~~SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,~~KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,UAAU,EAClE,QAAQ,EAAE,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,iBAAiB~~,EACvD,KAAK,EAAC,WAAW~~;~~YAEjB~~,oBAAC,WAAW,OAAG,CACJ;QAEb,oBAAC,UAAU,IACT,OAAO,EAAE,KAAK,CAAC,YAAY,EAC3B,~~SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EAAC,SAAS,EACf,~~QAAQ,EAAE,KAAK,CAAC,YAAY,EAC5B,KAAK,EAAC,~~WAAW~~;~~YAEjB~~,oBAAC,UAAU,OAAG,CACH;QAEb,oBAAC,UAAU,IACT,OAAO,EAAE,KAAK,CAAC,4BAA4B,EAC3C,~~SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,~~KAAK,EAAC,0BAA0B~~,EAChC,KAAK,EAAC,WAAW~~;~~YAEjB~~,oBAAC,cAAc,OAAG,CACP;QAEb,oBAAC,UAAU,IACT,OAAO,EAAE,KAAK,CAAC,qBAAqB,EACpC,~~SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,~~KAAK,EAAC,kBAAkB~~,EACxB,KAAK,EAAC,WAAW~~;~~YAEjB~~,oBAAC,eAAe,OAAG,CACR;QAEb,oBAAC,UAAU,IACT,OAAO,EAAE,KAAK,CAAC,qBAAqB,EACpC,~~SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,~~KAAK,EACH,KAAK,CAAC,iBAAiB;gBACrB,CAAC,CAAC,6BAA6B;gBAC/B,CAAC,CAAC,gCAAgC,EAEtC,QAAQ,EAAE,KAAK,CAAC,cAAc,~~EAC9B~~,KAAK,~~EAAC,WAAW,IAEhB,KAAK,~~CAAC,iBAAiB,CAAC,CAAC,CAAC,oBAAC,QAAQ,OAAG,CAAC,CAAC,CAAC,oBAAC,YAAY,OAAG,CAC/C;QAEZ,KAAK,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtC,oBAAC,UAAU,IACT,OAAO,EAAE,KAAK,CAAC,qBAAqB,EACpC,KAAK,EAAC,qBAAqB,iBACf,uBAAuB,~~EACnC~~,KAAK,~~EAAC~~,WAAW;~~YAEjB~~,~~oBAAC~~,~~iBAAiB~~,~~OAAG~~,~~CACV~~,~~CACd~~,~~CACG~~,~~CACP~~,CAAA;~~AACH~~,CAAC,CAAC,CAAA;~~AACF~~,~~eAAe~~,QAAQ,CAAA"}
1	+ {"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../src/CircularView/components/Controls.tsx"],"names":[],"mappings":"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"}

package/esm/CircularView/components/ExportSvgDialog.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ExportSvgOptions } from '../models/CircularView';
+export default function ExportSvgDlg({ model, handleClose, }: {
+    model: {
+        exportSvg(opts: ExportSvgOptions): Promise<void>;
+    };
+    handleClose: () => void;
+}): JSX.Element;

package/esm/CircularView/components/ExportSvgDialog.js ADDED Viewed

@@ -0,0 +1,50 @@
+import React, { useState } from 'react';
+import { Button, Checkbox, CircularProgress, DialogActions, DialogContent, FormControlLabel, MenuItem, TextField, Typography, } from '@mui/material';
+import { Dialog, ErrorMessage } from '@jbrowse/core/ui';
+import { getSession, useLocalStorage } from '@jbrowse/core/util';
+function LoadingMessage() {
+    return (React.createElement("div", null,
+        React.createElement(CircularProgress, { size: 20, style: { marginRight: 20 } }),
+        React.createElement(Typography, { display: "inline" }, "Creating SVG")));
+}
+function useSvgLocal(key, val) {
+    return useLocalStorage('svg-' + key, val);
+}
+export default function ExportSvgDlg({ model, handleClose, }) {
+    const session = getSession(model);
+    const offscreenCanvas = typeof OffscreenCanvas !== 'undefined';
+    const [rasterizeLayers, setRasterizeLayers] = useState(offscreenCanvas);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState();
+    const [filename, setFilename] = useSvgLocal('file', 'jbrowse.svg');
+    const [themeName, setThemeName] = useSvgLocal('theme', session.themeName || 'default');
+    return (React.createElement(Dialog, { open: true, onClose: handleClose, title: "Export SVG" },
+        React.createElement(DialogContent, null,
+            error ? (React.createElement(ErrorMessage, { error: error })) : loading ? (React.createElement(LoadingMessage, null)) : null,
+            React.createElement(TextField, { helperText: "filename", value: filename, onChange: event => setFilename(event.target.value) }),
+            React.createElement("br", null),
+            session.allThemes ? (React.createElement(TextField, { select: true, label: "Theme", value: themeName, onChange: event => setThemeName(event.target.value) }, Object.entries(session.allThemes()).map(([key, val]) => (React.createElement(MenuItem, { key: key, value: key },
+            // @ts-expect-error
+            val.name || '(Unknown name)'))))) : null,
+            offscreenCanvas ? (React.createElement(FormControlLabel, { control: React.createElement(Checkbox, { checked: rasterizeLayers, onChange: () => setRasterizeLayers(val => !val) }), label: "Rasterize canvas based tracks? File may be much larger if this is turned off" })) : (React.createElement(Typography, null, "Note: rasterizing layers not yet supported in this browser, so SVG size may be large"))),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { variant: "contained", color: "secondary", onClick: () => handleClose() }, "Cancel"),
+            React.createElement(Button, { variant: "contained", color: "primary", type: "submit", onClick: async () => {
+                    setLoading(true);
+                    setError(undefined);
+                    try {
+                        await model.exportSvg({
+                            rasterizeLayers,
+                            filename,
+                            themeName,
+                        });
+                        handleClose();
+                    }
+                    catch (e) {
+                        console.error(e);
+                        setError(e);
+                        setLoading(false);
+                    }
+                } }, "Submit"))));
+}
+//# sourceMappingURL=ExportSvgDialog.js.map

package/esm/CircularView/components/ExportSvgDialog.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ExportSvgDialog.js","sourceRoot":"","sources":["../../../src/CircularView/components/ExportSvgDialog.tsx"],"names":[],"mappings":"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"}