@sjcrh/proteinpaint-client 2.196.0 → 2.198.0

package/dist/chunk-VRH7NP6R.js

@@ -1,263 +0,0 @@
-import {
-  Matrix
-} from "./chunk-SLHWUFAW.js";
-import {
-  hierCluster_renderers_exports
-} from "./chunk-VTMJGRT5.js";
-import {
-  hierCluster_interactivity_exports
-} from "./chunk-PJ3FCJBZ.js";
-import {
-  filterJoin,
-  getNormalRoot
-} from "./chunk-WY2PGUVX.js";
-import {
-  clusterMethodLst,
-  distanceMethodLst,
-  dofetch3
-} from "./chunk-LYVLF6HO.js";
-import {
-  deepEqual,
-  getCompInit
-} from "./chunk-M3J4MINX.js";
-import {
-  TermTypes2Dt,
-  dictionaryNumericTypes
-} from "./chunk-NNFAUP2I.js";
-import {
-  colorScaleMap
-} from "./chunk-7KRS7L4U.js";
-import {
-  extent,
-  linear
-} from "./chunk-SOTB4FRE.js";
-
-// plots/matrix/hierCluster.js
-var HierCluster = class _HierCluster extends Matrix {
-  static type = "hierCluster";
-  constructor(opts) {
-    super(opts);
-    this.type = _HierCluster.type;
-    this.chartType = _HierCluster.type;
-  }
-  async init(appState) {
-    await super.init(appState);
-    this.maySetSandboxHeader(appState);
-    this.hcClipId = this.seriesClipId + "-hc";
-    this.dom.hcClipRect = this.dom.svg.select("defs").append("clipPath").attr("id", this.hcClipId).attr("clipPathUnits", "userSpaceOnUse").append("rect").attr("display", "block");
-    this.dom.topDendrogram = this.dom.svg.insert("g", "g").attr("clip-path", `url(#${this.hcClipId})`).append("g").attr("class", "sjpp-matrix-dendrogram").attr("data-testid", "hierCluster_top_dendrogram").on("click", (event) => {
-      const clickedClusterId = this.getClusterFromTopDendrogram(event);
-      if (clickedClusterId) {
-        this.clickedClusterIds = this.getAllChildrenClusterIds(clickedClusterId);
-        this.clickedClusterIds.push(clickedClusterId);
-        const clickedCluster = this.hierClusterData.clustering.col.mergedClusters.get(clickedClusterId);
-        const clickedClusterSampleNames = clickedCluster.children.map((c) => c.name);
-        this.addSelectedSamplesOptions(clickedClusterSampleNames, event);
-      } else {
-        delete this.clickedClusterIds;
-      }
-      if (this.clickedLeftClusterIds) {
-        delete this.clickedLeftClusterIds;
-        this.plotDendrogramHclust();
-      } else this.plotDendrogramHclust("top");
-    });
-    this.dom.leftDendrogram = this.dom.svg.insert("g", "g").attr("class", "sjpp-matrix-dendrogram").attr("data-testid", "hierCluster_left_dendrogram").on("click", (event) => {
-      const clickedLeftClusterId = this.getClusterFromLeftDendrogram(event);
-      if (clickedLeftClusterId) {
-        this.clickedLeftClusterIds = this.getAllChildrenClusterIds(clickedLeftClusterId, true);
-        this.clickedLeftClusterIds.push(clickedLeftClusterId);
-        const clickedLeftCluster = this.hierClusterData.clustering.row.mergedClusters.get(clickedLeftClusterId);
-        const clickedLeftClusterRowsNames = clickedLeftCluster.children.map((c) => c.name);
-        this.addSelectedRowsOptions(clickedLeftClusterRowsNames, event);
-      } else {
-        delete this.clickedLeftClusterIds;
-      }
-      if (this.clickedClusterIds) {
-        delete this.clickedClusterIds;
-        this.plotDendrogramHclust();
-      } else this.plotDendrogramHclust("left");
-    });
-  }
-  async setHierClusterData(_data = {}) {
-    this.prevServerData = this.currServerData;
-    const [d, twlst] = await this.requestData({});
-    if (d.error) throw d.error;
-    this.currServerData = structuredClone(d);
-    if (!deepEqual(this.prevServerData, this.currServerData)) {
-      delete this.clickedClusterIds;
-      delete this.clickedLeftClusterIds;
-    }
-    const s = this.settings.hierCluster;
-    if (!d.clustering) {
-      if (d.gene) {
-        throw `Cannot do clustering: data is only available for 1 gene (${d.gene}). Try again by adding more genes.`;
-      }
-    }
-    this.hierClusterData = d;
-    const c = this.hierClusterData.clustering;
-    this.setHierColorScale(c);
-    const samples = {};
-    for (const [i, column] of c.col.order.entries()) {
-      samples[column.name] = { sample: column.name };
-      for (const [j, row] of c.row.order.entries()) {
-        const tw = twlst.find((tw2) => tw2.$id === row.name || tw2.id === row.name);
-        const value = c.matrix[j][i];
-        samples[column.name][tw.$id] = {
-          key: tw.term.name,
-          values: [
-            {
-              sample: column.name,
-              dt: TermTypes2Dt[this.state.config.dataType],
-              label: s.termGroupName,
-              // gene: tw.term.name,
-              // chr: tw.term.chr,
-              // pos: `${tw.term.start}-${tw.term.stop}`,
-              value
-              // the color will be computed in matrix.cells, so that
-              // it can get updated even when there are no nonsetting state diff
-            }
-          ]
-        };
-      }
-    }
-    this.hcTermNameOrder = this.settings.hierCluster.sortClusterRows == "asListed" ? twlst.map((t) => t.term.name) : this.settings.hierCluster.sortClusterRows == "byName" ? twlst.map((t) => t.term.name).sort() : dictionaryNumericTypes.has(this.config.dataType) ? c.row.order.map((row) => twlst.find((t) => t.$id == row.name || t.term.id == row.name)?.term.name) : c.row.order.map((row) => twlst.find((t) => t.$id == row.name)?.term.name);
-    if (this.hcTermNameOrder.includes(void 0)) throw `unable to map row.name to term.name`;
-    this.hcTermSorter = (a, b) => {
-      const i = this.hcTermNameOrder.indexOf(a.tw.term.name);
-      const j = this.hcTermNameOrder.indexOf(b.tw.term.name);
-      if (i == -1 && j == -1) return 0;
-      if (i == -1) return 1;
-      if (j == -1) return -1;
-      return i - j;
-    };
-    this.hcSampleNameOrder = c.col.order.map((col) => col.name);
-    this.hcSampleSorter = (a, b) => {
-      const i = this.hcSampleNameOrder.indexOf(a.sample);
-      const j = this.hcSampleNameOrder.indexOf(b.sample);
-      if (i == -1 && j == -1) return 0;
-      if (i == -1) return 1;
-      if (j == -1) return -1;
-      return i - j;
-    };
-    const byTermId = {};
-    for (const tw of twlst) {
-      if (d.byTermId?.[tw.term.name]) byTermId[tw.$id] = d.byTermId[tw.term.name];
-    }
-    this.hierClusterSamples = {
-      refs: { byTermId, bySampleId: d.bySampleId },
-      lst: c.col.order.map((c2) => samples[c2.name]),
-      samples,
-      removedHierClusterTerms: d.removedHierClusterTerms
-    };
-  }
-  async requestData() {
-    const body = this.currRequestOpts?.hierCluster || this.getHCRequestBody(this.state);
-    const twlst = this.hcTermGroup.lst;
-    const data = await dofetch3("termdb/cluster", { body, signal: this.api.getAbortSignal?.() });
-    return [data, twlst];
-  }
-  getHCRequestBody(state) {
-    this.hcTermGroup = this.config.termgroups.find((grp) => grp.type == "hierCluster") || this.termOrder?.find((t) => t.grp.type == "hierCluster")?.grp;
-    const s = state.config.settings.hierCluster;
-    const dictionaryLegendFilter = {
-      type: "tvslst",
-      in: true,
-      join: "and",
-      lst: state.config.legendValueFilter.lst.filter((f) => !f.tvs.legendFilterType)
-    };
-    const terms = this.getClusterRowTermsAsParameter();
-    if (!terms.length) throw "no data";
-    if (!clusterMethodLst.find((i) => i.value == s.clusterMethod)) throw "Invalid cluster method";
-    if (!distanceMethodLst.find((i) => i.value == s.distanceMethod)) throw "Invalid distance method";
-    const body = {
-      genome: state.vocab.genome,
-      dslabel: state.vocab.dslabel,
-      dataType: state.config.dataType,
-      clusterMethod: s.clusterMethod,
-      distanceMethod: s.distanceMethod,
-      zScoreTransformation: s.zScoreTransformation,
-      terms,
-      filter: getNormalRoot(filterJoin([state.filter, dictionaryLegendFilter])),
-      filter0: state.filter0
-    };
-    if (state.config.dataType == "proteomeAbundance") {
-      body.proteomeDetails = {
-        organism: state.config.proteomeDetails?.organism,
-        assay: state.config.proteomeDetails?.assay,
-        cohort: state.config.proteomeDetails?.cohort
-      };
-    }
-    return body;
-  }
-  combineData() {
-    if (!this.hierClusterSamples) return;
-    const d = this.data;
-    const removedHierClusterTerms = this.hierClusterSamples.removedHierClusterTerms;
-    const samples = {};
-    const lst = [];
-    for (const sampleId in this.hierClusterSamples.samples) {
-      const s = this.hierClusterSamples.samples[sampleId];
-      samples[sampleId] = s;
-      lst.push(s);
-      if (sampleId in d.samples) Object.assign(s, d.samples[sampleId]);
-      const _ref_ = this.hierClusterSamples.refs.bySampleId[sampleId] || {};
-      if (!s._ref_) s._ref_ = _ref_;
-      else Object.assign(s._ref_, _ref_);
-    }
-    const t = this.hierClusterSamples.refs.byTermId;
-    for (const $id of Object.keys(t)) {
-      d.refs.byTermId[$id] = Object.assign({}, d.refs.byTermId[$id] || {}, t[$id]);
-    }
-    this.data = { samples, lst, refs: d.refs, removedHierClusterTerms };
-  }
-  setHierColorScale(c) {
-    const hc = this.settings.hierCluster;
-    const scale = linear(colorScaleMap[hc.colorScale].domain, colorScaleMap[hc.colorScale].range).clamp(true);
-    const globalMinMaxes = [];
-    for (const row of c.matrix) {
-      globalMinMaxes.push(...extent(row));
-    }
-    const absMax = Math.min(hc.zScoreCap, Math.max(...extent(globalMinMaxes).map(Math.abs)));
-    const [min, max] = hc.zScoreTransformation ? [-absMax, absMax] : [Math.min(...globalMinMaxes), Math.max(...globalMinMaxes)];
-    this.hierClusterValues = { scale, min, max };
-  }
-  getValueColor(value) {
-    const hc = this.settings.hierCluster;
-    if (hc.zScoreTransformation) {
-      const zScoreCap = this.settings.hierCluster.zScoreCap;
-      return this.hierClusterValues.scale((value - -zScoreCap) / (zScoreCap * 2));
-    } else {
-      return this.hierClusterValues.scale(value / this.hierClusterValues.max);
-    }
-  }
-  /* returns list of gene terms as request parameter, e.g. {gene,chr,start,stop}
-  	request parameter only need term but not tw, as it will simply fetch continuous sample values on terms without transform
-  
-  	use of this function is unfortunate because:
-  		the incomplete migration of {name} to {gene} for gene-based term
-  		geneset edit ui is hardcoded to return {name}
-  		existing plot states contain {name}
-  
-  	!!! migration instruction !!!
-  	- term.name is for display only, if a term is gene-based, it has term.gene=str
-  	- a geneVariant term can be based on a genomic range (and not a gene), in that case it won't have term.gene and cannot be used where gene is expected, e.g. gene-based clustering analysis
-  
-  	*/
-  getClusterRowTermsAsParameter() {
-    const lst = this.hcTermGroup.lst.map(this.opts.app.vocabApi.getTwMinCopy);
-    lst.sort((a, b) => a.term.name < b.term.name ? -1 : 1);
-    return lst;
-  }
-};
-for (const methods of [hierCluster_renderers_exports, hierCluster_interactivity_exports]) {
-  for (const methodName in methods) HierCluster.prototype[methodName] = methods[methodName];
-}
-var hierClusterInit = getCompInit(HierCluster);
-var componentInit = hierClusterInit;
-
-export {
-  HierCluster,
-  hierClusterInit,
-  componentInit
-};
-//# sourceMappingURL=chunk-VRH7NP6R.js.map

package/dist/chunk-VTMJGRT5.js

@@ -1,272 +0,0 @@
-import {
-  TermTypes,
-  termType2label
-} from "./chunk-NNFAUP2I.js";
-import {
-  __export
-} from "./chunk-HFNDKYVF.js";
-
-// plots/matrix/hierCluster.renderers.js
-var hierCluster_renderers_exports = {};
-__export(hierCluster_renderers_exports, {
-  maySetSandboxHeader: () => maySetSandboxHeader,
-  plotDendrogramHclust: () => plotDendrogramHclust,
-  renderImage: () => renderImage
-});
-function maySetSandboxHeader(appState) {
-  if (!this.dom.header) return;
-  const dataType = this.config.dataType;
-  const headerText = this.config?.headerText ? `${this.config.headerText} ` : "";
-  let title;
-  if (this.config.preBuiltPlotTitle) {
-    title = this.config.preBuiltPlotTitle;
-  } else if (this.config.appName) {
-    title = `${headerText}${this.config.appName} Clustering`;
-  } else if (dataType == TermTypes.PROTEOME_ABUNDANCE) {
-    title = this.config.assayCohortTitle ? `Protein Abundance Clustering (${this.config.assayCohortTitle})` : "Protein Abundance Clustering";
-  } else {
-    title = `${headerText}${termType2label(dataType)} Clustering`;
-  }
-  this.dom.header.text(title);
-}
-function plotDendrogramHclust(plotOnly) {
-  const d = this.dimensions;
-  const s = this.config.settings.matrix;
-  const xOffset = d.seriesXoffset;
-  const pxr = window.devicePixelRatio <= 1 ? 1 : window.devicePixelRatio;
-  const obj = this.hierClusterData.clustering;
-  const row = obj.row;
-  const col = obj.col;
-  const rowHeight = this.settings.matrix.clusterRowh, { xDendrogramHeight, yDendrogramHeight } = this.settings.hierCluster, colWidth = this.dimensions.dx;
-  if (plotOnly !== "left") {
-    if (!this.settings.hierCluster.clusterSamples) {
-      this.dom.topDendrogram.selectAll("*").remove();
-    } else {
-      const height2px = getHclustHeightScalefactor(col.height, yDendrogramHeight);
-      const height = yDendrogramHeight + 1e-7;
-      const width = Math.min(colWidth * col.inputOrder.length, s.imgWMax);
-      if (width <= 0 || height <= 0) {
-        console.warn(
-          "Skipping top dendrogram render: invalid dimensions.",
-          "This may indicate a zoom feedback loop issue.",
-          {
-            width,
-            height,
-            colWidth,
-            sampleCount: col.inputOrder.length,
-            yDendrogramHeight
-          }
-        );
-        this.dom.topDendrogram.selectAll("*").remove();
-        return;
-      }
-      const canvas = new OffscreenCanvas(width * pxr, height * pxr);
-      const ctx = canvas.getContext("2d");
-      ctx.scale(pxr, pxr);
-      ctx.translate(-d.xMin, 0);
-      ctx.imageSmoothingEnabled = false;
-      ctx.imageSmoothingQuality = "high";
-      ctx.strokeStyle = "black";
-      const mergedClusters = /* @__PURE__ */ new Map();
-      for (const [clusterid0, pair] of col.merge.entries()) {
-        const clusterid = clusterid0 + 1;
-        const children = [];
-        const childrenClusters = [];
-        let x1, x2, y1, y2;
-        if (pair.n1 < 0) {
-          const [name, columnNumber] = getLeafNumber(pair.n1, col.inputOrder, col.order);
-          x1 = colWidth * (columnNumber + 0.5);
-          y1 = yDendrogramHeight;
-          children.push({ name });
-        } else {
-          if (!mergedClusters.has(pair.n1)) throw "pair.n1 is positive but not seen before";
-          const c = mergedClusters.get(pair.n1);
-          x1 = c.x;
-          y1 = c.y;
-          children.push(...c.children);
-          childrenClusters.push(pair.n1);
-        }
-        if (pair.n2 < 0) {
-          const [name, columnNumber] = getLeafNumber(pair.n2, col.inputOrder, col.order);
-          x2 = colWidth * (columnNumber + 0.5);
-          y2 = yDendrogramHeight;
-          children.push({ name });
-        } else {
-          if (!mergedClusters.has(pair.n2)) throw "pair.n1 is positive but not seen before";
-          const c = mergedClusters.get(pair.n2);
-          x2 = c.x;
-          y2 = c.y;
-          children.push(...c.children);
-          childrenClusters.push(pair.n2);
-        }
-        const clusterY = yDendrogramHeight - col.height[clusterid0].height * height2px;
-        const highlight = this.clickedClusterIds?.includes(clusterid);
-        ctx.strokeStyle = highlight ? "red" : "black";
-        ctx.beginPath();
-        ctx.moveTo(x1, y1);
-        ctx.lineTo(x1, clusterY);
-        ctx.lineTo(x2, clusterY);
-        ctx.lineTo(x2, y2);
-        ctx.stroke();
-        ctx.closePath();
-        mergedClusters.set(clusterid, {
-          x: (x1 + x2) / 2,
-          y: clusterY,
-          children,
-          childrenClusters,
-          clusterPosition: {
-            x1,
-            x2,
-            y1,
-            y2,
-            clusterY
-          }
-        });
-      }
-      this.renderImage(
-        this.api,
-        this.dom.topDendrogram,
-        canvas,
-        width,
-        height,
-        xDendrogramHeight + 0.5 * colWidth + d.xMin,
-        s.margin.top + s.scrollHeight
-      );
-      col.mergedClusters = mergedClusters;
-    }
-  }
-  if (plotOnly !== "top") {
-    if (!this.settings.hierCluster.clusterRows) {
-      this.dom.leftDendrogram.selectAll("*").remove();
-    } else {
-      const height2px = getHclustHeightScalefactor(row.height, xDendrogramHeight);
-      const width = xDendrogramHeight + 1e-7;
-      const height = rowHeight * row.inputOrder.length;
-      const canvasWidthPx = Number.isFinite(width) && Number.isFinite(pxr) ? Math.max(0, Math.floor(width * pxr)) : 0;
-      const canvasHeightPx = Number.isFinite(height) && Number.isFinite(pxr) ? Math.max(0, Math.floor(height * pxr)) : 0;
-      if (!Number.isFinite(width) || !Number.isFinite(height) || !Number.isFinite(pxr) || width <= 0 || height <= 0 || pxr <= 0 || canvasWidthPx < 1 || canvasHeightPx < 1) {
-        console.warn(
-          "Skipping left dendrogram render: invalid dimensions.",
-          "This may indicate a zoom feedback loop issue.",
-          {
-            width,
-            height,
-            pxr,
-            canvasWidthPx,
-            canvasHeightPx,
-            rowHeight,
-            termCount: row.inputOrder.length,
-            xDendrogramHeight
-          }
-        );
-        this.dom.leftDendrogram.selectAll("*").remove();
-        return;
-      }
-      const canvas = new OffscreenCanvas(canvasWidthPx, canvasHeightPx);
-      const ctx = canvas.getContext("2d");
-      ctx.scale(pxr, pxr);
-      ctx.imageSmoothingEnabled = false;
-      ctx.imageSmoothingQuality = "high";
-      ctx.strokeStyle = "black";
-      const mergedClusters = /* @__PURE__ */ new Map();
-      for (const [clusterid0, pair] of row.merge.entries()) {
-        const clusterid = clusterid0 + 1;
-        const children = [];
-        const childrenClusters = [];
-        let x1, x2, y1, y2;
-        if (pair.n1 < 0) {
-          const [name, rowNumber] = getLeafNumber(pair.n1, row.inputOrder, row.order);
-          y1 = rowHeight * (rowNumber + 0.5);
-          x1 = xDendrogramHeight;
-          children.push({ name });
-        } else {
-          if (!mergedClusters.has(pair.n1)) throw "pair.n1 is positive but not seen before";
-          const c = mergedClusters.get(pair.n1);
-          x1 = c.x;
-          y1 = c.y;
-          children.push(...c.children);
-          childrenClusters.push(pair.n1);
-        }
-        if (pair.n2 < 0) {
-          const [name, rowNumber] = getLeafNumber(pair.n2, row.inputOrder, row.order);
-          y2 = rowHeight * (rowNumber + 0.5);
-          x2 = xDendrogramHeight;
-          children.push({ name });
-        } else {
-          if (!mergedClusters.has(pair.n2)) throw "pair.n1 is positive but not seen before";
-          const c = mergedClusters.get(pair.n2);
-          x2 = c.x;
-          y2 = c.y;
-          children.push(...c.children);
-          childrenClusters.push(pair.n2);
-        }
-        const clusterX = xDendrogramHeight - row.height[clusterid0].height * height2px;
-        const highlight = this.clickedLeftClusterIds?.includes(clusterid);
-        ctx.strokeStyle = highlight ? "red" : "black";
-        ctx.beginPath();
-        ctx.moveTo(x1, y1);
-        ctx.lineTo(clusterX, y1);
-        ctx.lineTo(clusterX, y2);
-        ctx.lineTo(x2, y2);
-        ctx.stroke();
-        ctx.closePath();
-        mergedClusters.set(clusterid, {
-          x: clusterX,
-          y: (y1 + y2) / 2,
-          children,
-          childrenClusters,
-          clusterPosition: {
-            x1,
-            x2,
-            y1,
-            y2,
-            clusterX
-          }
-        });
-      }
-      const t = this.termOrder.find((t2) => t2.grp.type == "hierCluster" || t2.grp.name == this.hcTermGroup.name);
-      const y = (
-        // t.labelOffset is commented out because it is already handled in adjustSvgDimensions
-        t.grpIndex * s.rowgspace + t.prevGrpTotalIndex * s.rowh + t.totalHtAdjustments + s.margin.top + s.scrollHeight + // left dendrogram image must be lower than the top dendrogram image height
-        yDendrogramHeight
-      );
-      this.renderImage(this.api, this.dom.leftDendrogram, canvas, width, height, 0, y);
-      row.mergedClusters = mergedClusters;
-    }
-  }
-}
-async function renderImage(componentApi, g, canvas, width, height, x, y) {
-  const sequenceId = componentApi.getSequenceId();
-  const reader = new FileReader();
-  reader.addEventListener(
-    "load",
-    () => {
-      if (componentApi.isStaleSequenceId(sequenceId)) return;
-      g.selectAll("*").remove();
-      g.append("image").attr("x", x + 0.033).attr("y", y + 0.033).attr("xlink:href", reader.result).attr("width", width).attr("height", height);
-    },
-    false
-  );
-  const blob = await canvas.convertToBlob({ quality: 1 });
-  reader.readAsDataURL(blob);
-}
-function getHclustHeightScalefactor(lst, ph) {
-  let max = lst[0].height;
-  for (const h of lst) max = Math.max(max, h.height);
-  return ph / max;
-}
-function getLeafNumber(minus, inputOrder, order) {
-  const name = inputOrder[-minus - 1];
-  if (!name) throw "minus not in inputOrder";
-  const i = order.findIndex((j) => j.name == name);
-  if (i == -1) throw "name not found in hc$order";
-  return [name, i];
-}
-
-export {
-  maySetSandboxHeader,
-  plotDendrogramHclust,
-  renderImage,
-  hierCluster_renderers_exports
-};
-//# sourceMappingURL=chunk-VTMJGRT5.js.map