@teselagen/ove 0.3.50 → 0.3.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teselagen/ove",
-  "version": "0.3.50",
+  "version": "0.3.52",
   "main": "./src/index.js",
   "exports": {
     ".": {
@@ -13,21 +13,20 @@
     "node": "16.20.2"
   },
   "dependencies": {
-    "@teselagen/sequence-utils": "0.3.11",
+    "@teselagen/sequence-utils": "0.3.12",
     "@teselagen/range-utils": "0.3.7",
-    "@teselagen/ui": "0.3.38",
+    "@teselagen/ui": "0.3.41",
     "@teselagen/file-utils": "0.3.9",
     "@teselagen/bounce-loader": "0.3.11",
-    "@teselagen/bio-parsers": "0.4.3",
+    "@teselagen/bio-parsers": "0.4.5",
     "@blueprintjs/core": "3.52.0",
     "@blueprintjs/datetime": "3.23.19",
     "@blueprintjs/icons": "3.33.0",
     "@blueprintjs/select": "3.18.11",
-    "@fontsource/ubuntu-mono": "^4.5.11",
     "@hello-pangea/dnd": "16.2.0",
     "@risingstack/react-easy-state": "^6.3.0",
     "@teselagen/react-list": "0.8.18",
-    "@teselagen/react-table": "6.10.13",
+    "@teselagen/react-table": "6.10.16",
     "@use-gesture/react": "^10.2.23",
     "axios": "^0.21.1",
     "bluebird": "3.7.2",

package/src/DigestTool/Ladder.js

@@ -1,7 +1,6 @@
 /* eslint-disable react/jsx-no-bind */
 import React, { useState } from "react";
 import { showConfirmationDialog, TgSelect } from "@teselagen/ui";
-import html2canvas from "html2canvas";
 
 import "./Ladder.css";
 import { Button, Tooltip } from "@blueprintjs/core";
@@ -123,18 +122,19 @@ export default function Ladder({
             icon="duplicate"
             minimal
             style={{ position: "absolute", top: 5, right: 5, color: "white" }}
-            onClick={() => {
+            onClick={async () => {
               try {
-                html2canvas(
-                  document.querySelector(".ve-digest-container")
-                ).then(canvas => {
-                  canvas.toBlob(blob =>
-                    navigator.clipboard.write([
-                      new window.ClipboardItem({ "image/png": blob })
-                    ])
-                  );
-                  window.toastr.success("Image copied to clipboard!");
-                });
+                const canvas = await import("html2canvas");
+                canvas.default(document.querySelector(".ve-digest-container")).then(
+                  canvas => {
+                    canvas.toBlob(blob =>
+                      navigator.clipboard.write([
+                        new window.ClipboardItem({ "image/png": blob })
+                      ])
+                    );
+                    window.toastr.success("Image copied to clipboard!");
+                  }
+                );
               } catch (e) {
                 window.toastr.error(
                   "Error copying the image, try just taking a screenshot instead ;)"

package/src/index.js

@@ -1,4 +1,3 @@
-import "@fontsource/ubuntu-mono";
 import { FocusStyleManager } from "@blueprintjs/core";
 import { showContextMenu } from "@teselagen/ui";
 import "./createVectorEditor";

package/src/redux/alignments.js

@@ -79,7 +79,9 @@ function addHighlightedDifferences(alignmentTracks) {
     if (track.isUnmapped) {
       return track;
     }
-    const sequenceData = tidyUpSequenceData(track.sequenceData);
+    const sequenceData = tidyUpSequenceData(track.sequenceData, {
+      doNotRemoveInvalidChars: true
+    });
     const matchHighlightRanges = getRangeMatchesBetweenTemplateAndNonTemplate(
       alignmentTracks[0].alignmentData.sequence,
       track.alignmentData.sequence
@@ -179,7 +181,9 @@ export default (state = {}, { payload = {}, type }) => {
         {
           //add the template seq as the first track in the Pairwise Alignment Overview
           ...templateSeq,
-          sequenceData: tidyUpSequenceData(templateSeq.sequenceData),
+          sequenceData: tidyUpSequenceData(templateSeq.sequenceData, {
+            doNotRemoveInvalidChars: true
+          }),
           alignmentData: { sequence: templateSeq.sequenceData.sequence } //remove the gaps from the template sequence
         }
       ]; // start with just the template seq in there!
@@ -213,7 +217,9 @@ export default (state = {}, { payload = {}, type }) => {
         const alignedSeqMinusInserts = {
           ...alignedSeq,
           sequenceData: {
-            ...tidyUpSequenceData(alignedSeq.sequenceData),
+            ...tidyUpSequenceData(alignedSeq.sequenceData, {
+              doNotRemoveInvalidChars: true
+            }),
             sequence: template.sequenceData.sequence
           },
           additionalSelectionLayers,

package/src/style.css

@@ -1,6 +1,6 @@
 .ve-monospace-font {
-  font-family: "Ubuntu Mono", "Lucida Console", Monaco, monospace;
-  font-size: 12px;
+  font-family: Monaco, monospace;
+  font-size: 11px;
 }
 .rowViewTextContainer text {
   user-select: none;

package/src/withEditorInteractions/index.js

@@ -283,7 +283,7 @@ function VectorInteractionHOC(Component /* options */) {
               }
             }
           ),
-        { annotationsAsObjects: true }
+        { doNotRemoveInvalidChars: true, annotationsAsObjects: true }
       );
 
       if (
@@ -314,7 +314,10 @@ function VectorInteractionHOC(Component /* options */) {
         this.handleDnaDelete(false);
         onCut(
           e,
-          tidyUpSequenceData(seqData, { annotationsAsObjects: true }),
+          tidyUpSequenceData(seqData, {
+            doNotRemoveInvalidChars: true,
+            annotationsAsObjects: true
+          }),
           this.props
         );
         document.body.removeEventListener("cut", this.handleCut);

package/src/withEditorProps/index.js

@@ -160,7 +160,10 @@ export const handleSave =
       saveHandler &&
       saveHandler(
         opts,
-        tidyUpSequenceData(sequenceData, { annotationsAsObjects: true }),
+        tidyUpSequenceData(sequenceData, {
+          doNotRemoveInvalidChars: true,
+          annotationsAsObjects: true
+        }),
         props,
         updateLastSavedIdToCurrent
       );
@@ -869,7 +872,10 @@ function jsonToJson(incomingJson) {
   return JSON.stringify(
     omit(
       cleanUpTeselagenJsonForExport(
-        tidyUpSequenceData(incomingJson, { annotationsAsObjects: false })
+        tidyUpSequenceData(incomingJson, {
+          doNotRemoveInvalidChars: true,
+          annotationsAsObjects: false
+        })
       ),
       [
         "sequenceFragments",