/* these will be either (preferably) specified or inferred */
export const categories = ["Sample.type", "Selection", "Location", "Sample.name", "Class", "Neoplastic"];
export const continuous = [
  "Total_reads",
  "Unique_reads",
  "Unique_reads_percent",
  "ERCC_reads",
  "Non_ERCC_reads",
  "ERCC_to_non_ERCC",
  "Genes_detected",
  "Multimapping_reads_percent",
  "Splice_sites_AT.AC",
  "Splice_sites_Annotated",
  "Splice_sites_GC.AG",
  "Splice_sites_GT.AG",
  "Splice_sites_non_canonical",
  "Splice_sites_total",
  "Unmapped_mismatch",
  "Unmapped_other",
  "Unmapped_short"
]

/* colors */
export const blue = "#4a90e2";
export const hcaBlue = "#1c7cc7";
export const lighterGrey = "rgb(245,245,245)";
export const lightGrey = "rgb(211,211,211)";
export const mediumGrey = "rgb(153,153,153)";
export const darkGrey = "rgb(102,102,102)";
export const darkerGrey = "rgb(51,51,51)";

export const brightBlue = "#4a90e2";
export const brightGreen = "#A2D729";
export const darkGreen = "#448C4D";

export const tiniestFontSize = 12;

export const bolder = 700;

export let API = {
  // prefix: "http://api.clustering.czi.technology/api/",
  prefix: "http://tabulamuris.cxg.czi.technology/api/",
  // prefix: "http://pbmc3k.cxg.czi.technology/api/",
  // prefix: "http://pbmc33k.cxg.czi.technology/api/",

  // prefix: "http://api-staging.clustering.czi.technology/api/",
  version: "v0.1/",
}

if (window.CELLXGENE && window.CELLXGENE.API) API = window.CELLXGENE.API;

export let datasetTitle = "";

if (window.CELLXGENE && window.CELLXGENE.datasetTitle) datasetTitle = window.CELLXGENE.datasetTitle;

export const accentFont = "Georgia,Times,Times New Roman,serif";
export const maxParagraphWidth = 600;
export const maxControlsWidth = 800;

export const graphMargin = {top: 20, right: 10, bottom: 30, left: 40};
export const graphWidth = 1440 /* window width */ - 410 /* sidebar */ - (15 + 15) /* left right padding */ /* but responsive */;
export const graphHeight = 500;

export const graphXScale = d3.scaleLinear()
  .domain([0, 1]) /* while this is the default for d3, our data is normalized so better to be explicit */
  .range([
    0 + graphMargin.left,
    graphWidth - graphMargin.right
  ]);

export const graphYScale = d3.scaleLinear()
  .domain([0, 1]) /* while this is the default for d3, our data is normalized so better to be explicit */
  .range([
    graphHeight - graphMargin.bottom,
    0 + graphMargin.top
  ]);


export const ordinalColors = ['#0ac115', '#c10ab6', '#c1710a', '#0a5ac1', '#c1150a', '#0ab6c1', '#5ac10a', '#710ac1', '#0ac171', '#c10a5a', '#b6c10a', '#150ac1', '#b2ffb7', '#ffb2fa', '#ffddb2', '#b2d4ff', '#ffb7b2', '#b2faff', '#d4ffb2', '#ddb2ff', '#b2ffdd', '#ffb2d4', '#faffb2', '#b7b2ff', '#27a908', '#8b08a9', '#a93a08', '#0877a9', '#a90827', '#08a98b', '#77a908', '#3a08a9', '#08a93a', '#a90877', '#a98b08', '#0827a9', '#00ff0f', '#ff00ef', '#ff8e00', '#0070ff', '#ff0f00', '#00efff', '#70ff00', '#8e00ff', '#00ff8e', '#ff0070', '#efff00', '#0f00ff', '#006606', '#66005f', '#663900', '#002c66', '#660600', '#005f66', '#2c6600', '#390066', '#006639', '#66002c', '#5f6600', '#060066', '#83ff65', '#e165ff', '#ff9565', '#65cfff', '#ff6583', '#65ffe1', '#cfff65', '#9565ff', '#65ff95', '#ff65cf', '#ffe165', '#6583ff', '#009909', '#99008f', '#995500', '#004399', '#990900', '#008f99', '#439900', '#550099', '#009955', '#990043', '#8f9900', '#090099', '#d9fecc', '#f1ccfe', '#fed7cc', '#ccf3fe', '#feccd9', '#ccfef1', '#f3fecc', '#d7ccfe', '#ccfed7', '#feccf3', '#fef1cc', '#ccd9fe', '#47ea51', '#ea47e0', '#eaa247', '#478fea', '#ea5147', '#47e0ea', '#8fea47', '#a247ea', '#47eaa2', '#ea478f', '#e0ea47', '#5147ea']