text: /**
   * This module is only used for developing seqviz
   * See viewer.js for the library's entrypoint
   */
  import { Viewer } from "./viewer";
  
  let viewerInput = {
    // name: "L09136",
    // seq: "tcgcgcgtttcggtgatgacggtgaaaacctctgacacatgca",
    // seq: "TTATGAATTCGTATGCGTTGTCCTTGGAGTATTAATATTGTTCATGTGGGCAGGCTCAGGTTGAGGTTGAGGTTGAGGGAACTGCTGTTCCTGT",
    // enzymesCustom: {
    //   Cas9: {
    //     rseq: "NGG", // recognition sequence
    //     fcut: 0, // cut index on FWD strand, relative to start of rseq
    //     rcut: 1, // cut index on REV strand, relative to start of rseq
    //   }
    // },
  
    seq: "TACCAGCAGTACCAGCAGTACCAGCAGTACCAGCAGTACCAGCAGTACCAGCAGTACCAGCAGTACCAGCAGTACCAGCAGTACCAGCAG",
    viewer: "both",
    annotations: [{ start: 0, end: 8, name: "test" }],
    // accession: "NC_011521",
    // backbone: "pSB1C3",
    showAnnotations: true,
    showPrimers: true,
    showComplement: true,
    showIndex: true,
    zoom: { linear: 50 },
    colors: ["#8CDEBD"],
    onSelection: console.log,
    onSearch: results => {
      console.log("Your Search Results: ", results);
    },
    bpColors: {
      10: "green",
      200: "blue",
      201: "red"
    },
    search: { query: "gtacc" },
    enzymes: ["EcoRI"],
    copyEvent: event => event.key === "c" && (event.metaKey || event.ctrlKey),
    style: { height: "calc(100vh - 20px)", width: "calc(100vw)" },
    translations: [{ start: 0, end: 9, direction: 1 }]
    // rotateOnScroll: false
  };
  
  // const viewerInput = {
  //   name: "L09136",
  // seq: "tcgcgcgtttcggtgatgacggtgaaaacctctgacacatgca",
  // style: { height: "100vh", width: "100vw" },
  // annotations: [{start: 5, end: 10, color: "red", name: "test"}]
  // }
  
  // let viewer = window.seqviz.Viewer("app-root", viewerInput);
  let viewer = Viewer("root", viewerInput);
  viewer.render();
  
  // setTimeout(() => {
  //   viewer.setState({
  //   annotations: [{start: 1, end: 7, color: "red", name: "test"}]
  //   })
  //   }, 1250)
  
  setTimeout(() => {
    viewer.setState({
      enzymesCustom: {
        TestEnzyme: {
          rseq: "GGT", // recognition sequence
          fcut: 0, // cut index on FWD strand, relative to start of rseq
          rcut: 1 // cut index on REV strand, relative to start of rseq
        }
      }
    });
  }, 1250);
  