@judah-silva/rnacanvas 0.0.4 → 0.0.5

package/dist/index.js

@@ -1163,7 +1163,7 @@ function Canvas({
   const [kabschRMSD, setKabschRMSD] = (0, import_react.useState)([]);
   const [lockedMotifIds, setLockedMotifIds] = (0, import_react.useState)([]);
   const addMotif = (motif) => {
-    if (selectedMotifIds.has(motif.uuid)) {
+    if (selectedMotifMeshState.current.has(motif)) {
       return;
     }
     const newSet = /* @__PURE__ */ new Set();
@@ -1176,12 +1176,13 @@ function Canvas({
     selectedMotifMeshState.current.add(motif);
   };
   const removeMotif = (motif) => {
-    if (!selectedMotifIds.has(motif.uuid)) {
+    if (!selectedMotifMeshState.current.has(motif)) {
       return;
     }
+    console.log("removing motif: ", motif);
     selectedMotifMeshState.current.delete(motif);
     setSelectedmotifIds((prevState) => {
-      const newState = prevState;
+      const newState = new Set(prevState);
       newState.delete(motif.uuid);
       return newState;
     });
@@ -1317,13 +1318,15 @@ function Canvas({
     if (!event.rotationAxis.equals(Vec3.Zero) || !event.translationDirection.equals(Vec3.Zero)) {
       return;
     }
-    if (!/^[0-9]$/.test(event.key)) {
+    if (!/^[1-9]$/.test(event.key) || Number(event.key) > motifs.length) {
       return;
     }
     const motif = motifs[Number(event.key) - 1];
     if (selectedMotifMeshState.current.has(motif)) {
+      console.log("removing motif");
       removeMotif(motif);
     } else {
+      console.log("adding motif");
       addMotif(motif);
     }
   }

package/dist/index.mjs

@@ -1106,7 +1106,7 @@ function Canvas({
   const [kabschRMSD, setKabschRMSD] = useState([]);
   const [lockedMotifIds, setLockedMotifIds] = useState([]);
   const addMotif = (motif) => {
-    if (selectedMotifIds.has(motif.uuid)) {
+    if (selectedMotifMeshState.current.has(motif)) {
       return;
     }
     const newSet = /* @__PURE__ */ new Set();
@@ -1119,12 +1119,13 @@ function Canvas({
     selectedMotifMeshState.current.add(motif);
   };
   const removeMotif = (motif) => {
-    if (!selectedMotifIds.has(motif.uuid)) {
+    if (!selectedMotifMeshState.current.has(motif)) {
       return;
     }
+    console.log("removing motif: ", motif);
     selectedMotifMeshState.current.delete(motif);
     setSelectedmotifIds((prevState) => {
-      const newState = prevState;
+      const newState = new Set(prevState);
       newState.delete(motif.uuid);
       return newState;
     });
@@ -1260,13 +1261,15 @@ function Canvas({
     if (!event.rotationAxis.equals(Vec3.Zero) || !event.translationDirection.equals(Vec3.Zero)) {
       return;
     }
-    if (!/^[0-9]$/.test(event.key)) {
+    if (!/^[1-9]$/.test(event.key) || Number(event.key) > motifs.length) {
       return;
     }
     const motif = motifs[Number(event.key) - 1];
     if (selectedMotifMeshState.current.has(motif)) {
+      console.log("removing motif");
       removeMotif(motif);
     } else {
+      console.log("adding motif");
       addMotif(motif);
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@judah-silva/rnacanvas",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "A 3D Canvas for displaying and interacting with custom RNA models. Powered by BabylonJS.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",