@sjcrh/proteinpaint-client 2.205.0 → 2.206.1

package/dist/chunk-PBUV4CPQ.js

@@ -0,0 +1,302 @@
+import {
+  appear2 as appear,
+  axisstyle,
+  bwSetting,
+  disappear2 as disappear,
+  makeNumericAxisConfig,
+  rgb2hex
+} from "./chunk-XDLCPJCK.js";
+import {
+  dofetch3
+} from "./chunk-RPDVFM7E.js";
+import {
+  axisLeft
+} from "./chunk-Z2ZITHT4.js";
+import {
+  format,
+  linear
+} from "./chunk-4OLM3KSB.js";
+
+// src/block.tk.bigwig.js
+function bigwigfromtemplate(tk, template) {
+  tk.scale = {};
+  if (template.scale) {
+    for (const k in template.scale) {
+      tk.scale[k] = template.scale[k];
+    }
+  } else {
+    tk.scale.auto = 1;
+  }
+  if (tk.normalize) {
+  } else {
+    tk.normalize = {
+      dividefactor: 1,
+      disable: 1
+    };
+  }
+  tk.barheight = template.height || 50;
+  tk.height_main = tk.toppad + tk.barheight + tk.bottompad;
+  if (!tk.ncolor) tk.ncolor = "#BD005E";
+  if (!tk.ncolor2) tk.ncolor2 = "#5E00BD";
+  if (!tk.pcolor) tk.pcolor = "#005EBD";
+  if (!tk.pcolor2) tk.pcolor2 = "#FA7D00";
+}
+function bigwigmaketk(tk, block) {
+  tk.img = tk.glider.append("image");
+  tk.tklabel.attr("y", tk.barheight / 2);
+  tk.leftaxis = tk.gleft.append("g");
+  tk.config_handle = block.maketkconfighandle(tk).on("click", () => {
+    tk.tkconfigtip.clear().showunder(tk.config_handle.node());
+    bigwigconfigpanel(tk, block, tk.tkconfigtip.d, () => bigwigload(tk, block));
+  });
+}
+async function bigwigload(tk, block) {
+  block.tkcloakon(tk);
+  const par = block.tkarg_q(tk);
+  if (tk.dotplotfactor) par.dotplotfactor = tk.dotplotfactor;
+  if (tk.bgcolor) par.bgcolor = tk.bgcolor;
+  tk.height_main = tk.toppad + tk.barheight + tk.bottompad;
+  tk.img.attr("width", block.width).attr("height", tk.barheight);
+  let errtext;
+  try {
+    let data;
+    if (tk.imgData) {
+      data = tk.imgData;
+    } else {
+      data = await dofetch3("tkbigwig", { method: "POST", body: JSON.stringify(par) });
+    }
+    if (data.error) throw data.error;
+    if (!data.src) throw "data.src missing";
+    tk.tklabel.transition().attr("y", tk.barheight / 2);
+    tk.img.attr("xlink:href", data.src);
+    if (data.minv != void 0) {
+      tk.scale.min = data.minv;
+    }
+    if (data.maxv != void 0) {
+      tk.scale.max = data.maxv;
+    }
+    tk.leftaxis.selectAll("*").remove();
+    if (data.nodata) {
+      throw "No data in view range";
+    }
+    const scale = linear().domain([tk.scale.min, tk.scale.max]).range([tk.barheight, 0]);
+    const axis = axisLeft().scale(scale).tickValues([tk.scale.min, tk.scale.max]);
+    if (tk.integer4axis) {
+      axis.tickFormat(format("d"));
+    }
+    axisstyle({
+      axis: tk.leftaxis.call(axis),
+      color: "black",
+      showline: true
+    });
+  } catch (err) {
+    tk.img.attr("width", 0).attr("height", 0);
+    if (err.stack) {
+      console.log(err.stack);
+    }
+    errtext = typeof err == "string" ? err : err.message;
+  } finally {
+    block.tkcloakoff(tk, { error: errtext });
+    block.block_setheight();
+    for (const panel of tk.subpanels) {
+      bigwigloadsubpanel(tk, block, panel);
+    }
+  }
+}
+async function bigwigloadsubpanel(tk, block, panel) {
+  block.tkcloakon_subpanel(panel);
+  const par = block.tkarg_q(tk);
+  if (tk.dotplotfactor) {
+    par.dotplotfactor = tk.dotplotfactor;
+  }
+  par.width = panel.width;
+  par.rglst = [
+    {
+      chr: panel.chr,
+      start: panel.start,
+      stop: panel.stop,
+      width: panel.width
+    }
+  ];
+  delete par.percentile;
+  delete par.autoscale;
+  panel.img.attr("width", panel.width).attr("height", tk.barheight);
+  let errtext;
+  try {
+    if (tk.imgData) throw "subpanel not supported by imgData yet";
+    const data = await dofetch3("tkbigwig", { method: "POST", body: JSON.stringify(par) });
+    if (data.error) throw data.error;
+    panel.img.attr("xlink:href", data.src);
+  } catch (err) {
+    panel.img.attr("width", 0).attr("height", 0);
+    if (err.stack) {
+      console.log(err.stack);
+    }
+    errtext = typeof err == "string" ? err : err.message;
+  } finally {
+    block.tkcloakoff_subpanel(panel, { error: errtext });
+  }
+}
+function bigwigconfigpanel(tk, block, holder, loader) {
+  const config = {
+    pcolor: {},
+    ncolor: {},
+    pcolor2: {},
+    ncolor2: {},
+    // .row
+    // .lab
+    dotplot: {},
+    // .row
+    dividefactor: {}
+  };
+  {
+    const row = holder.append("div").style("margin-bottom", "15px");
+    row.append("span").html("Height  ");
+    row.append("input").attr("size", 5).property("value", tk.barheight).on("keyup", (event) => {
+      if (event.code != "Enter") return;
+      const s = event.target.value;
+      if (s == "") return;
+      const v = Number.parseInt(s);
+      if (Number.isNaN(v) || v <= 1) {
+        alert("track height must be positive integer");
+        return;
+      }
+      tk.barheight = v;
+      loader(bwSetting.height);
+    });
+  }
+  config.pcolor.row = holder.append("div").style("margin-bottom", "15px");
+  config.pcolor.lab = config.pcolor.row.append("span").text("Positive value color").style("padding-right", "10px");
+  config.pcolor.row.append("input").attr("type", "color").property("value", rgb2hex(tk.pcolor)).on("change", (event) => {
+    tk.pcolor = event.target.value;
+    loader(bwSetting.pcolor);
+  });
+  config.ncolor.row = holder.append("div").style("margin-bottom", "15px");
+  config.ncolor.lab = config.ncolor.row.append("span").text("Negative value color").style("padding-right", "10px");
+  config.ncolor.row.append("input").attr("type", "color").property("value", rgb2hex(tk.ncolor)).on("change", (event) => {
+    tk.ncolor = event.target.value;
+    loader(bwSetting.ncolor);
+  });
+  if (!tk.scale.auto) {
+    config.pcolor2.row = holder.append("div").style("margin-bottom", "15px");
+    config.pcolor2.lab = config.pcolor2.row.append("span").html("&ge;Max color").style("padding-right", "10px");
+    config.pcolor2.row.append("input").attr("type", "color").property("value", rgb2hex(tk.pcolor2)).on("change", (event) => {
+      tk.pcolor2 = event.target.value;
+      loader(bwSetting.pcolor2);
+    });
+    config.ncolor2.row = holder.append("div").style("margin-bottom", "15px");
+    config.ncolor2.lab = config.ncolor2.row.append("span").html("&le;Min color").style("padding-right", "10px");
+    config.ncolor2.row.append("input").attr("type", "color").property("value", rgb2hex(tk.ncolor2)).on("change", (event) => {
+      tk.ncolor2 = event.target.value;
+      loader(bwSetting.ncolor2);
+    });
+  }
+  {
+    const setting = {};
+    if (tk.scale.auto) {
+      setting.auto = 1;
+    } else if (tk.scale.percentile) {
+      setting.percentile = tk.scale.percentile;
+    } else {
+      setting.fixed = { min: tk.scale.min, max: tk.scale.max };
+    }
+    makeNumericAxisConfig({
+      holder: holder.append("div").style("margin-bottom", "15px"),
+      setting,
+      callback: (s) => {
+        if (s.auto) {
+          tk.scale.auto = 1;
+          loader(bwSetting.autoscale);
+          return;
+        }
+        if (s.fixed) {
+          delete tk.scale.auto;
+          delete tk.scale.percentile;
+          tk.scale.max = s.fixed.max;
+          tk.scale.min = s.fixed.min;
+          loader(bwSetting.fixedscale);
+          return;
+        }
+        delete tk.scale.auto;
+        tk.scale.percentile = s.percentile;
+        loader(bwSetting.percentilescale);
+      }
+    });
+  }
+  {
+    config.dotplot.row = holder.append("div").style("margin-bottom", "15px");
+    config.dotplot.row.append("span").html("Dot plot&nbsp;&nbsp;");
+    const s = config.dotplot.row.append("select").on("change", (event) => {
+      const i = event.target.selectedIndex;
+      if (i == 0) {
+        delete tk.dotplotfactor;
+      } else {
+        tk.dotplotfactor = Number.parseInt(event.target.options[i].innerHTML);
+      }
+      loader(i == 0 ? bwSetting.nodotplot : bwSetting.usedotplot);
+    });
+    let o = s.append("option").text("no");
+    if (!tk.dotplotfactor) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("5");
+    if (tk.dotplotfactor == 5) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("10");
+    if (tk.dotplotfactor == 10) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("15");
+    if (tk.dotplotfactor == 15) {
+      o.property("selected", 1);
+    }
+    o = s.append("option").text("20");
+    if (tk.dotplotfactor == 20) {
+      o.property("selected", 1);
+    }
+  }
+  config.dividefactor.row = holder.append("div");
+  {
+    const id = Math.random().toString();
+    const input = config.dividefactor.row.append("input").attr("type", "checkbox").attr("id", id);
+    if (!tk.normalize.disable) {
+      input.property("checked", 1);
+    }
+    config.dividefactor.row.append("label").html("&nbsp;Apply normalization").attr("for", id);
+    const folder = config.dividefactor.row.append("div").style("margin", "5px 10px 0px 20px").style("display", tk.normalize.disable ? "none" : "block");
+    folder.append("span").html("Divide raw value by&nbsp;");
+    const factorinput = folder.append("input").attr("type", "number").style("width", "60px").property("value", tk.normalize.dividefactor).on("keyup", (event) => {
+      if (event.code != "Enter" && event.code != "NumpadEnter") return;
+      const v = event.target.value;
+      if (v <= 0) {
+        return;
+      }
+      tk.normalize.dividefactor = v;
+      loader(bwSetting.usedividefactor);
+    });
+    folder.append("div").text("Enter a value above zero").style("font-size", ".7em").style("color", "#858585");
+    input.on("change", (event) => {
+      if (event.target.checked) {
+        appear(folder);
+        delete tk.normalize.disable;
+        factorinput.property("value", tk.normalize.dividefactor);
+        loader(bwSetting.usedividefactor);
+        return;
+      }
+      disappear(folder);
+      tk.normalize.disable = 1;
+      loader(bwSetting.nodividefactor);
+    });
+  }
+  return config;
+}
+
+export {
+  bigwigfromtemplate,
+  bigwigmaketk,
+  bigwigload,
+  bigwigloadsubpanel,
+  bigwigconfigpanel
+};
+//# sourceMappingURL=chunk-PBUV4CPQ.js.map

package/dist/chunk-QABGFKK3.js

@@ -0,0 +1,129 @@
+import {
+  keyupEnter
+} from "./chunk-XDLCPJCK.js";
+
+// src/block.mds.svcnv.share.js
+function rnabamtk_initparam(c) {
+  if (!c.dna_mintotalreads) c.dna_mintotalreads = 8;
+  if (!c.rna_mintotalreads) c.rna_mintotalreads = 8;
+  if (!c.hetsnp_minbaf) c.hetsnp_minbaf = 0.3;
+  if (!c.hetsnp_maxbaf) c.hetsnp_maxbaf = 0.7;
+  if (c.rnapileup_q == void 0) c.rnapileup_q = 0;
+  if (!c.rnapileup_Q) c.rnapileup_Q = 13;
+  if (!c.binompvaluecutoff) c.binompvaluecutoff = 0.05;
+  if (!c.clientcolor_snpinuse) c.clientcolor_snpinuse = "blue";
+  if (!c.clientcolor_markernotinuse) c.clientcolor_markernotinuse = "#bbb";
+}
+function configPanel_rnabam(tk, block, loadTk) {
+  const c = tk.checkrnabam;
+  if (!c) return;
+  tk.tkconfigtip.d.append("hr");
+  const d = tk.tkconfigtip.d.append("div").style("margin", "15px 0px");
+  d.append("div").style("opacity", 0.5).style("font-size", ".9em").text("Finding heterozygous SNPs in DNA");
+  {
+    const row = d.append("div").style("margin-top", "5px");
+    row.append("span").html("DNA minimum total read count ");
+    row.append("input").attr("type", "number").style("width", "50px").property("value", c.dna_mintotalreads).on("keyup", (event) => {
+      if (!keyupEnter(event)) return;
+      let v = Number.parseInt(event.target.value);
+      if (!v || v <= 0) return;
+      if (c.dna_mintotalreads == v) {
+        return;
+      }
+      c.dna_mintotalreads = v;
+      loadTk(tk, block);
+    });
+    row.append("div").style("opacity", ".5").style("font-size", ".8em").text("If a SNP's total coverage is below cutoff, it will be skipped.");
+  }
+  {
+    const row = d.append("div").style("margin-top", "5px");
+    row.append("span").html("Heterozygous SNP BAF range&nbsp;&nbsp;");
+    row.append("input").attr("type", "number").style("width", "50px").property("value", c.hetsnp_minbaf).on("keyup", (event) => {
+      if (!keyupEnter(event)) return;
+      let v = Number.parseFloat(event.target.value);
+      if (!v || v <= 0) return;
+      if (c.hetsnp_minbaf == v) {
+        return;
+      }
+      c.hetsnp_minbaf = v;
+      loadTk(tk, block);
+    });
+    row.append("span").style("opacity", ".5").style("font-size", ".8em").html("&nbsp;&leq; BAF &leq;&nbsp;");
+    row.append("input").attr("type", "number").style("width", "50px").property("value", c.hetsnp_maxbaf).on("keyup", (event) => {
+      if (!keyupEnter(event)) return;
+      let v = Number.parseFloat(event.target.value);
+      if (!v || v <= 0) return;
+      if (c.hetsnp_maxbaf == v) {
+        return;
+      }
+      c.hetsnp_maxbaf = v;
+      loadTk(tk, block);
+    });
+    row.append("div").style("opacity", ".5").style("font-size", ".8em").text("If a SNP's BAF (B-allele fraction) is within this range, it is heterozygous.");
+  }
+  d.append("div").style("margin-top", "20px").style("opacity", 0.5).style("font-size", ".9em").text("Counting alleles in RNA-seq BAM file");
+  {
+    const row = d.append("div").style("margin-top", "5px");
+    row.append("span").html("Skip alignments with mapQ smaller than&nbsp;");
+    row.append("input").attr("type", "number").style("width", "50px").property("value", c.rnapileup_q).on("keyup", (event) => {
+      if (!keyupEnter(event)) return;
+      let v = Number.parseInt(event.target.value);
+      if (!v || v < 0) return;
+      if (c.rnapileup_q == v) {
+        return;
+      }
+      c.rnapileup_q = v;
+      loadTk(tk, block);
+    });
+  }
+  {
+    const row = d.append("div").style("margin-top", "5px");
+    row.append("span").html("Skip bases with baseQ/BAQ smaller than&nbsp;");
+    row.append("input").attr("type", "number").style("width", "50px").property("value", c.rnapileup_Q).on("keyup", (event) => {
+      if (!keyupEnter(event)) return;
+      let v = Number.parseInt(event.target.value);
+      if (!v || v <= 0) return;
+      if (c.rnapileup_Q == v) {
+        return;
+      }
+      c.rnapileup_Q = v;
+      loadTk(tk, block);
+    });
+  }
+  d.append("div").style("margin-top", "20px").style("opacity", 0.5).style("font-size", ".9em").text("Binomial test on whether a heterozygous SNP shows allelic bias in RNA");
+  {
+    const row = d.append("div").style("margin-top", "5px");
+    row.append("span").html("P-value cutoff&nbsp;");
+    row.append("input").attr("type", "number").style("width", "50px").property("value", c.binompvaluecutoff).on("keyup", (event) => {
+      if (!keyupEnter(event)) return;
+      let v = Number.parseFloat(event.target.value);
+      if (!v || v <= 0 || v >= 1) return;
+      if (c.binompvaluecutoff == v) {
+        return;
+      }
+      c.binompvaluecutoff = v;
+      loadTk(tk, block);
+    });
+  }
+  {
+    const row = d.append("div").style("margin-top", "5px");
+    row.append("span").html("RNA minimum total read count&nbsp;");
+    row.append("input").attr("type", "number").style("width", "50px").property("value", c.rna_mintotalreads).on("keyup", (event) => {
+      if (!keyupEnter(event)) return;
+      let v = Number.parseInt(event.target.value);
+      if (!v || v <= 0) return;
+      if (c.rna_mintotalreads == v) {
+        return;
+      }
+      c.rna_mintotalreads = v;
+      loadTk(tk, block);
+    });
+    row.append("div").style("opacity", ".5").style("font-size", ".8em").text("If a SNP's total read count from RNA is below cutoff, it won't do binomial test.");
+  }
+}
+
+export {
+  rnabamtk_initparam,
+  configPanel_rnabam
+};
+//# sourceMappingURL=chunk-QABGFKK3.js.map

package/dist/chunk-QGBHBSGS.js

@@ -0,0 +1,123 @@
+import {
+  pickCollectionFraction,
+  renderTable
+} from "./chunk-XDLCPJCK.js";
+
+// termdb/handlers/termCollection.ts
+var SearchHandler = class {
+  async init(opts) {
+    this.callback = opts.callback;
+    this.app = opts.app;
+    opts.holder.style("display", "");
+    const termlst = opts.details.termlst ?? [];
+    const memberType = opts.details.memberType || opts.details.type;
+    if (opts.termCollectionSelectionMode === "fraction" && memberType === "numeric") {
+      pickCollectionFraction({
+        holder: opts.holder,
+        term: makeTerm(opts.details, termlst, opts.usecase),
+        callback: (tw) => opts.callback(tw)
+      });
+      return;
+    }
+    const tableDiv = opts.holder.append("div");
+    renderTable({
+      columns: [{ label: "VARIABLES" }],
+      rows: termlst.map((t) => {
+        return [{ value: t.name }];
+      }),
+      div: tableDiv,
+      maxWidth: "30vw",
+      maxHeight: "40vh",
+      // the button is disabled while the selection cannot be submitted
+      noButtonCallback: () => updateSelectBtn(),
+      striped: false,
+      showHeader: true,
+      //false,
+      selectAll: true,
+      columnButtons: void 0,
+      //Leave until table.js is typed
+      buttons: void 0
+    });
+    let categoryTable;
+    let ckSource = [];
+    if (opts.details.categoryKeys) {
+      ckSource = opts.details.categoryKeys;
+      const categoryDiv = opts.holder.append("div").style("margin-top", "15px");
+      const values = opts.details.termlst[0].values || {};
+      categoryTable = categoryDiv.append("div");
+      renderTable({
+        columns: [{ label: "CATEGORIES" }],
+        rows: ckSource.map((ck) => {
+          return [{ value: values[ck.key]?.label ?? ck.key, checked: ck.shown }];
+        }),
+        div: categoryTable,
+        maxWidth: "30vw",
+        maxHeight: "40vh",
+        noButtonCallback: () => updateSelectBtn(),
+        striped: false,
+        showHeader: true,
+        //false,
+        selectAll: true,
+        columnButtons: void 0,
+        //Leave until table.js is typed
+        buttons: void 0
+      });
+    }
+    function getRowChecks(div) {
+      const trs = div.select("table").select("tbody").node().querySelectorAll("tr");
+      return [...trs].map((tr) => tr.querySelectorAll("td")[1]?.querySelector("input")?.checked === true);
+    }
+    function getSelectedTermlst() {
+      const checked = getRowChecks(tableDiv);
+      return termlst.filter((term, i) => checked[i]);
+    }
+    function getCategoryKeys() {
+      if (!categoryTable) return void 0;
+      const checked = getRowChecks(categoryTable);
+      return ckSource.map((ck, i) => ({ key: ck.key, shown: checked[i] }));
+    }
+    function getSelectionError() {
+      if (getSelectedTermlst().length < 2) return "Select at least two variables.";
+      if (getCategoryKeys()?.every((ck) => !ck.shown)) return "Select at least one category.";
+      return void 0;
+    }
+    function updateSelectBtn() {
+      if (!selectBtn) return;
+      const error = getSelectionError();
+      selectBtn.property("disabled", Boolean(error)).attr("title", error || null);
+    }
+    const selectBtn = opts.holder.append("div").style("float", "right").style("padding", "6px 20px").append("button").attr("data-testid", "sjpp-term-collection-select").text("Select").on("click", () => {
+      opts.callback({
+        // makeTerm() extracts propsByTermId (color, etc) for the selected terms
+        ...makeTerm(opts.details, getSelectedTermlst(), opts.usecase),
+        categoryKeys: getCategoryKeys()
+      });
+    });
+    updateSelectBtn();
+  }
+};
+function makeTerm(details, termlst, usecase) {
+  const propsByTermId = {};
+  if (details.propsByTermId) {
+    for (const term of termlst) {
+      if (details.propsByTermId[term.id]) propsByTermId[term.id] = details.propsByTermId[term.id];
+    }
+  }
+  return {
+    type: "termCollection",
+    termIds: termlst.map((term) => term.id),
+    termlst,
+    name: details.name,
+    valueTransform: details.valueTransformByPlots?.[usecase?.target],
+    // memberType = ds.cohort.termdb.termCollections[].type for client code
+    memberType: details.memberType || details.type,
+    categoryKeys: details.categoryKeys,
+    isleaf: true,
+    propsByTermId
+  };
+}
+
+export {
+  SearchHandler
+};
+//# sourceMappingURL=chunk-QGBHBSGS.js.map