@sjcrh/proteinpaint-client 2.191.4 → 2.192.0

package/dist/chunk-QNETLNPB.js

@@ -1,343 +0,0 @@
-import {
-  storeInit
-} from "./chunk-HKSNADSX.js";
-import {
-  summaryInit
-} from "./chunk-BDIKFVWZ.js";
-import {
-  navInit
-} from "./chunk-CXQ6KS3Z.js";
-import {
-  AppBase,
-  downloadSVGsAsPdf,
-  filterRxCompInit,
-  newSandboxDiv,
-  sayerror,
-  vocabInit
-} from "./chunk-SA7APTJR.js";
-import {
-  importPlot
-} from "./chunk-SKREEF3H.js";
-import {
-  Menu
-} from "./chunk-HYOEWQ5P.js";
-import {
-  AppApi,
-  getCompInit,
-  multiInit
-} from "./chunk-M3J4MINX.js";
-import {
-  select_default
-} from "./chunk-I6Y4O3RR.js";
-
-// mass/plot.js
-var MassPlot = class _MassPlot {
-  static type = "plot";
-  constructor(opts) {
-    this.type = _MassPlot.type;
-    setRenderers(this);
-    this.initUi(opts);
-  }
-  reactsTo(action) {
-    if (action.type.includes("cache_termq")) return true;
-    if (action.type.endsWith("_group")) return true;
-    if (action.type.startsWith("plot_")) {
-      return action.id === this.id || action.id == this.parentId || action.config?.parentId === this.id || action.parentId === this.id;
-    }
-    if (action.type.startsWith("filter")) return true;
-    if (action.type.startsWith("cohort")) return true;
-    if (action.type == "app_refresh") return true;
-    if (action.type.endsWith("customTerm")) return true;
-  }
-  // !!! NOTE: This getState() method is reused by the plot-specific recover component.
-  // When logging something within getState, it may have been called by either the plot or recover instance
-  getState(appState) {
-    const config = appState.plots.find((p) => p.id === this.id);
-    if (!config) {
-      throw `No plot with id='${this.id}' found. Did you set this.id before this.api = getComponentApi(this)?`;
-    }
-    return {
-      termfilter: appState.termfilter,
-      config,
-      groups: appState.groups,
-      // quick fix to skip history tracking as needed
-      _scope_: appState._scope_
-    };
-  }
-  async main() {
-    this.dom.errdiv.style("display", "none").style("background-color", "rgba(255,100,100,0.2)").html("");
-    if (!this.components) await this.setComponents(this.opts);
-  }
-  async setComponents(opts) {
-    const _ = await importPlot(opts.chartType);
-    const promises = {
-      // recover: recoverInit({
-      // 	app: this.app,
-      // 	holder: this.dom.localRecoverDiv,
-      // 	getState: appState => this.getState(appState),
-      // 	reactsTo: action =>
-      // 		action.id == this.id &&
-      // 		(action.type == 'plot_edit' || action.type == 'plot_nestedEdits') &&
-      // 		action._track_ != 'none',
-      // 	plot_id: this.id,
-      // 	maxHistoryLen: 10,
-      // 	hideLabel: true
-      // }),
-      chart: _.componentInit({
-        app: this.app,
-        holder: this.dom.viz,
-        header: this.dom.paneTitleDiv,
-        id: this.id,
-        plotDiv: select_default(this.dom.holder.app_div.node().parentNode),
-        /******* reason for passing plotDiv to chart ********
-        				- this plot instance may allow to launch a new plot as a persistent sandbox
-        				  inside mass plotDiv, maintaining the uniform plot appearance despite it's ad-hoc
-        				  the new plot is not a formal mass plot type, and cannot be done via app.dispatch()
-        				  thus the need to directly access plotDiv
-        				- example: mds3 tk from genome browser can launch disco etc
-        				- having access to plotDiv may offer flexibility for the plot to do stuff
-        
-        				since plot.js has no access to mass app .dom.plotDiv in which all apps are shown,
-        				this workarounds gets the parent node of sandbox.app_div which is app.dom.plotDiv
-        				*/
-        getFilterImage: async () => this.components.filter.getFilterImage()
-      })
-    };
-    if (!this.state.config.hidePlotFilter) {
-      const filterDisabledMsg = this.app.vocabApi.termdbConfig?.plotFilter?.disabledMessage;
-      const filterHolder = filterDisabledMsg ? this.dom.filterDiv.append("div").style("pointer-events", "none").style("opacity", 0.5) : this.dom.filterDiv;
-      if (filterDisabledMsg) this.dom.filterDiv.attr("title", filterDisabledMsg).style("cursor", "not-allowed");
-      promises.filter = filterRxCompInit({
-        app: this.app,
-        vocabApi: this.app.vocabApi,
-        parentId: this.id,
-        holder: filterHolder,
-        hideLabel: true,
-        emptyLabel: "+Add new filter",
-        callback: (filter) => {
-          this.app.dispatch({
-            id: this.id,
-            type: "plot_edit",
-            config: { filter }
-          });
-        }
-      });
-    }
-    this.components = await multiInit(promises);
-  }
-  destroy() {
-    this.dom.holder.app_div.selectAll("*").remove();
-    this.dom.holder.app_div.remove();
-    for (const key in this.dom) {
-      delete this.dom[key];
-    }
-  }
-};
-var plotInit = getCompInit(MassPlot);
-function setRenderers(self) {
-  self.initUi = function(opts) {
-    const holder = opts.holder;
-    opts.holder.app_div.attr("data-testid", "sjpp-massplot-sandbox-" + opts.chartType);
-    holder.header.style("padding", 0);
-    try {
-      self.dom = {
-        tip: new Menu({ padding: "0px" }),
-        holder,
-        paneTitleDiv: holder.header.append("div").style("display", "inline-block").style("color", "#555").style("padding-left", "7px").style("vertical-align", "sub"),
-        localRecoverDiv: holder.header.append("div").style("display", "inline-block"),
-        filterDiv: holder.header.append("div").style("display", "inline-block").style("zoom", 0.9),
-        body: holder.body.style("white-space", "nowrap").style("overflow-x", "auto"),
-        // will hold no data notice or the page title in multichart views
-        errdiv: holder.body.append("div").style("display", "none").style("padding", "5px").style("background-color", "rgba(255,100,100,0.2)"),
-        // dom.viz will hold the rendered view
-        viz: holder.body.append("div")
-      };
-    } catch (e) {
-      self.dom.errdiv.style("display", "none").text(e);
-    }
-  };
-}
-
-// mass/app.ts
-var MassApp = class extends AppBase {
-  // expected class-specific props
-  constructor(opts, api) {
-    super(opts);
-    this.components = {};
-    this.wasDestroyed = false;
-    this.api = api;
-    if (opts.addLoginCallback) {
-      opts.addLoginCallback(() => this.api.dispatch({ type: "app_refresh" }));
-    }
-    this.type = "app";
-    this.dom = {
-      holder: opts.holder,
-      // do not modify holder style
-      topbar: opts.holder.append("div"),
-      errdiv: opts.holder.append("div"),
-      plotDiv: opts.holder.append("div")
-    };
-    this.plotIdToSandboxId = {};
-  }
-  static {
-    this.type = "app";
-  }
-  async preApiFreeze(api) {
-    try {
-      api.tip = new Menu({ padding: "5px" });
-      api.tip.d.on("keyup", (event) => {
-        if (event.key == "Escape") api.tip.hide();
-      });
-      api.printError = (e) => this.printError(e);
-      api.vocabApi = await vocabInit({
-        app: api,
-        state: { vocab: this.opts.state.vocab },
-        fetchOpts: this.opts.fetchOpts,
-        getDatasetAccessToken: this.opts.getDatasetAccessToken
-      });
-      api.hasWebGL = function() {
-        try {
-          const canvas = document.createElement("canvas");
-          return !!(window.WebGLRenderingContext && (canvas.getContext("webgl") || canvas.getContext("experimental-webgl")));
-        } catch (_) {
-          return false;
-        }
-      };
-      this.opts.state.vocab = api.vocabApi.vocab;
-    } catch (e) {
-      console.log(`preApiFreeze error`, e);
-      throw e;
-    }
-  }
-  async init() {
-    try {
-      const debounceInterval = "debounceInterval" in this.opts ? this.opts.debounceInterval : 0;
-      const embeddedSessionState = this.opts.embeddedSessionState;
-      if (embeddedSessionState) {
-        Object.assign(this.opts.state, embeddedSessionState);
-      }
-      this.store = await storeInit({ app: this.api, state: this.opts.state, debounceInterval });
-      this.state = await this.store.copyState();
-      this.components = {};
-      if (this.state.nav.header_mode != "hidden") {
-        this.components.nav = await navInit({
-          app: this.api,
-          holder: this.dom.topbar,
-          header_mode: this.state && this.state.nav && this.state.nav.header_mode,
-          vocab: this.state.vocab,
-          massSessionDuration: this.state.termdbConfig.massSessionDuration,
-          // this.opts.massSessionDuration
-          pkgver: this.opts.pkgver,
-          downloadPlots: () => {
-            this.downloadPlots();
-          }
-        });
-      }
-      this.components.plots = {};
-      if (this.opts.app?.doNotAwaitInitRender) {
-        this.api.dispatch();
-      } else {
-        await this.api.dispatch();
-      }
-    } catch (e) {
-      this.printError(e);
-      throw e;
-    }
-  }
-  async main() {
-    await this.api.vocabApi.main();
-    this.dom.plotDiv?.style(
-      "display",
-      this.state.nav?.header_mode != "hidden" && this.state.nav?.activeTab == 0 ? "none" : "block"
-    );
-    const newPlots = {};
-    let sandbox;
-    for (const plot of this.state.plots) {
-      if (plot.parentId) continue;
-      if (this.components.plots && !(plot.id in this.components.plots)) {
-        sandbox = newSandboxDiv(this.dom.plotDiv, {
-          close: () => {
-            this.api.dispatch({
-              type: "plot_delete",
-              id: plot.id
-            });
-          },
-          plotId: plot.id,
-          beforePlotId: plot.insertBefore || null,
-          style: {
-            width: "98.5%"
-          }
-        });
-        if (plot.chartType == "summary")
-          newPlots[plot.id] = summaryInit(Object.assign({ app: this.api, holder: sandbox }, plot));
-        else newPlots[plot.id] = plotInit(Object.assign({ app: this.api, holder: sandbox }, plot));
-      }
-    }
-    const numNewPlots = Object.keys(newPlots).length;
-    if (numNewPlots) {
-      await Promise.all(Object.values(newPlots));
-      for (const plotId in newPlots) {
-        this.components.plots[plotId] = await newPlots[plotId];
-      }
-    }
-    for (const plotId in this.components.plots) {
-      if (!this.state.plots.find((p) => p.id === plotId)) {
-        this.components.plots[plotId].destroy();
-        delete this.components.plots[plotId];
-      }
-    }
-  }
-  printError(e) {
-    const errdiv = e.errdiv || this.dom.errdiv;
-    if (errdiv) errdiv.style("display", "").html("").style("background-color", "");
-    sayerror(errdiv || this.opts.holder, "Error: " + (e.message || e.error || e));
-    if (e.stack) console.log(e.stack);
-    this.bus.emit("error");
-    if (this.opts?.debug) {
-      console.groupCollapsed("Stack trace from MassApp.printError() call.");
-      console.trace();
-      console.groupEnd();
-    }
-  }
-  skipPrevActionAbort(action) {
-    if (!action) return false;
-    if (action.type.startsWith("filter")) return false;
-    if (action.type.startsWith("cohort")) return false;
-    if (action.type == "app_refresh") {
-      if (action.subactions) {
-        return action.subactions.find((a) => a.type.startsWith("filter") || a.type.startsWith("cohort")) ? false : true;
-      }
-    }
-    return true;
-  }
-  async downloadPlots() {
-    const chartImagesAll = [];
-    let i = 1;
-    const values = Object.values(this.components.plots);
-    for (const plot of values) {
-      const chart = plot.type == "plot" ? plot.getComponents("chart") : plot;
-      const chartImages = chart.getChartImages ? chart.getChartImages() : null;
-      if (!chartImages) {
-        console.log(`The ${chart.type} does not support downloading images yet`);
-        continue;
-      }
-      for (const chartImage of chartImages) {
-        if (values.length > 1) chartImage.name = `${i}. ${chartImage.name}`;
-        chartImagesAll.push(chartImage);
-      }
-      i++;
-    }
-    if (chartImagesAll.length > 0) {
-      const filters = [];
-      const globalFilterImg = await this.components.nav.getComponents("filter").getFilterImage();
-      if (globalFilterImg) filters.push(globalFilterImg);
-      downloadSVGsAsPdf(chartImagesAll, "plots", "landscape", filters);
-    } else alert("No chart images available for download");
-  }
-};
-var appInit = AppApi.getInitFxn(MassApp);
-
-export {
-  appInit
-};
-//# sourceMappingURL=chunk-QNETLNPB.js.map

package/dist/chunk-QQZ3SBF3.js

@@ -1,216 +0,0 @@
-import {
-  make_radios
-} from "./chunk-SA7APTJR.js";
-import {
-  initBinConfig
-} from "./chunk-7EMWHCVW.js";
-import {
-  format
-} from "./chunk-OAWQ6LOO.js";
-
-// termsetting/handlers/NumRegularBinEditor.ts
-var NumRegularBinEditor = class {
-  constructor(editHandler) {
-    this.dom = {};
-    this.editHandler = editHandler;
-    this.opts = editHandler.opts;
-    this.tw = editHandler.tw;
-    this.termsetting = editHandler.termsetting;
-  }
-  render(div) {
-    this.tw = this.editHandler.tw;
-    this.q = this.getDefaultQ();
-    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
-    if (this.dom.binsTable) {
-      if (this.editHandler.dom.binsDiv?.node().contains(this.dom.binsTable.node())) return;
-      else {
-        this.dom.binsTable.remove();
-        delete this.dom.binsTable;
-      }
-    }
-    const binsTable = div.append("table");
-    this.dom.binsTable = binsTable;
-    this.renderBinSizeInput(binsTable.append("tr"));
-    this.renderFirstBinInput(binsTable.append("tr"));
-    this.renderLastBinInputs(binsTable.append("tr"));
-  }
-  getDefaultQ() {
-    if (this.tw.q.type == "regular-bin") return JSON.parse(JSON.stringify(this.tw.q));
-    const t = this.tw.term;
-    const defaultQ = this.termsetting.opts.use_bins_less && t.bins?.less || t.bins?.default;
-    if (defaultQ) return JSON.parse(JSON.stringify(defaultQ));
-    const binConfig = initBinConfig(this.editHandler.handler.density_data);
-    return typeof binConfig == "string" ? JSON.parse(binConfig) : binConfig;
-  }
-  renderBinSizeInput(tr) {
-    const handler = this.editHandler.handler;
-    tr.append("td").style("margin", "5px").style("opacity", 0.5).text("Bin Size");
-    const { min, max } = handler.density_data;
-    const q = this.q;
-    const origBinSize = q.bin_size;
-    this.dom.bin_size_input = tr.append("td").append("input").attr("type", "number").attr("value", "rounding" in q ? format(q.rounding || ".0f")(q.bin_size) : q.bin_size).attr("data-testid", "sjpp-num-reg-bin-editor-size").style("margin-left", "15px").style("width", "100px").style("color", () => q.bin_size > Math.abs(max - min) ? "red" : "").on("change", (event) => {
-      const newValue = Number(event.target.value);
-      if (newValue <= 0) {
-        window.alert("Please enter non-negative bin size.");
-        event.target.value = origBinSize;
-        return;
-      }
-      if ((max - min) / newValue > 100) {
-        window.alert("Bin size too small. Try setting a bigger value.");
-        event.target.value = origBinSize;
-        return;
-      }
-      q.bin_size = newValue;
-      this.dom.bin_size_input.style("color", q.bin_size > max - min ? "red" : newValue != origBinSize ? "green" : "");
-      handler.density.setBinLines(this.getBoundaryOpts());
-    });
-  }
-  renderFirstBinInput(tr) {
-    const handler = this.editHandler.handler;
-    const q = this.q;
-    if (!q.first_bin) throw "missing q.first_bin";
-    tr.append("td").style("margin", "5px").style("opacity", 0.5).text("First Bin Stop");
-    const { min, max } = handler.density_data;
-    const origValue = q.first_bin.stop;
-    this.dom.first_stop_input = tr.append("td").append("input").attr("type", "number").property("value", origValue).style("width", "100px").style("margin-left", "15px").on("change", (event) => {
-      const newValue = Number(event.target.value);
-      if (newValue < min || newValue > max) {
-        window.alert("First bin stop value out of bound.");
-        event.target.value = origValue;
-        return;
-      }
-      this.q.first_bin.stop = newValue;
-      handler.density.setBinLines(this.getBoundaryOpts());
-    });
-    tr.append("td").append("div").style("font-size", ".6em").style("opacity", 0.5).style("display", handler.density.no_density_data ? "none" : "block").text("Indicated by left-most red line. Drag to change.");
-  }
-  renderLastBinInputs(tr) {
-    const handler = this.editHandler.handler;
-    const q = this.q;
-    const isAuto = !q.last_bin || !Number.isFinite(q.last_bin.start);
-    tr.append("td").style("padding-top", "4px").style("opacity", 0.5).style("vertical-align", "top").text("Last Bin Start");
-    const td1 = tr.append("td").style("padding-left", "15px").style("vertical-align", "top");
-    const radio_div = td1.append("div");
-    const radios = make_radios({
-      holder: radio_div,
-      options: [
-        { label: "Automatic", value: "auto", checked: isAuto },
-        { label: "Fixed", value: "fixed", checked: !isAuto }
-      ],
-      callback: (v) => {
-        if (v == "auto") {
-          delete q.last_bin;
-          edit_div.style("display", "none");
-          handler.density.setBinLines(this.getBoundaryOpts());
-          return;
-        }
-        edit_div.style("display", "inline-block");
-        if (this.dom.last_start_input.property("value") == "") {
-          this.dom.last_start_input.property("value", this.tw.q.last_bin?.start || handler.density_data.max);
-        }
-        this.setLastBinStart();
-      }
-    });
-    this.dom.fixed_radio = radios.inputs.filter((_, i) => i === 1);
-    const edit_div = tr.append("td").append("div").style("display", isAuto ? "none" : "inline-block");
-    this.dom.last_start_input = edit_div.append("input").attr("type", "number").property("value", q.last_bin?.start || "").style("width", "100px").on("change", () => this.setLastBinStart());
-    edit_div.append("div").style("font-size", ".6em").style("opacity", 0.5).style("display", handler.density.no_density_data ? "none" : "block").text("Indicated by right-most red line. Drag to change.");
-  }
-  setLastBinStart() {
-    const q = this.q;
-    const { max } = this.editHandler.handler.density_data;
-    const strInput = this.dom.last_start_input.property("value");
-    if (strInput === "") return;
-    const inputValue = Number(strInput);
-    if (q.first_bin && inputValue <= q.first_bin.stop) {
-      window.alert("Last bin start cannot be smaller than first bin stop.");
-      this.dom.last_start_input.property("value", max);
-      return;
-    }
-    if (inputValue > max) {
-      window.alert("Last bin start value out of bound.");
-      this.dom.last_start_input.property("value", max);
-      return;
-    }
-    if (q.last_bin) q.last_bin.start = inputValue;
-    else
-      q.last_bin = {
-        start: inputValue,
-        stopunbounded: true,
-        stopinclusive: false
-      };
-    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
-  }
-  getBoundaryOpts() {
-    const { min, max } = this.editHandler.handler.density_data;
-    const binLinesStop = this.q.last_bin?.start ?? max + Math.abs(this.q.first_bin.stop) - Math.min(min, 0);
-    const boundaryValues = [];
-    for (let i = this.q.first_bin.stop; i <= binLinesStop; i = i + this.q.bin_size) {
-      if (this.q.last_bin?.start === i) break;
-      if (i > binLinesStop) boundaryValues[boundaryValues.length - 1].isLastVisibleLine = true;
-      const isDraggable = i === this.q.first_bin.stop || i === this.q.bin_size - 1;
-      boundaryValues.push({ x: i, isDraggable, movesWithLineIndex: !isDraggable ? 0 : -1 });
-    }
-    if (this.q.last_bin) {
-      boundaryValues.push({
-        x: this.q.last_bin.start,
-        isDraggable: true,
-        isLastVisibleLine: true,
-        movesWithLineIndex: -1
-      });
-    }
-    return {
-      values: boundaryValues,
-      callback: (d, value) => {
-        if (d.index === 0) {
-          this.dom.first_stop_input.property("value", value);
-          this.q.first_bin.stop = value;
-        } else {
-          this.editHandler.handler.dom.last_start_input.property("value", value);
-          if (this.q.last_bin) this.q.last_bin.start = value;
-        }
-      }
-    };
-  }
-  getEditedQ(destroyDom = true) {
-    const bin_size = this.dom.bin_size_input.property("value");
-    const config = {
-      mode: "discrete",
-      type: "regular-bin",
-      startinclusive: this.editHandler.boundaryInclusion == "startinclusive",
-      stopinclusive: this.editHandler.boundaryInclusion == "stopinclusive",
-      bin_size: Number(bin_size),
-      first_bin: {
-        startunbounded: true,
-        stop: Number(this.dom.first_stop_input.property("value"))
-      },
-      rounding: bin_size.includes(".") && !bin_size.endsWith(".") ? `.${bin_size.split(".")[1].length}f` : ".0f"
-    };
-    if (this.dom.fixed_radio.property("checked")) {
-      config.last_bin = {
-        start: Number(this.dom.last_start_input.property("value")),
-        stopunbounded: true
-      };
-    }
-    if (destroyDom) {
-      for (const name of Object.keys(this.dom)) {
-        this.dom[name].remove();
-        delete this.dom[name];
-      }
-    }
-    return config;
-  }
-  undoEdits() {
-    this.q = this.getDefaultQ();
-    this.dom.binsTable.selectAll("*").remove();
-    this.renderBinSizeInput(this.dom.binsTable.append("tr"));
-    this.renderFirstBinInput(this.dom.binsTable.append("tr"));
-    this.renderLastBinInputs(this.dom.binsTable.append("tr"));
-    this.editHandler.handler.density.setBinLines(this.getBoundaryOpts());
-  }
-};
-
-export {
-  NumRegularBinEditor
-};
-//# sourceMappingURL=chunk-QQZ3SBF3.js.map