Add special handling of vector sub-type

Author: kraenhansen

packages/compass-components/src/components/bson-value.tsx

@@ -157,6 +157,37 @@ const BinaryValue: React.FunctionComponent<PropsByValueType<'Binary'>> = ({
 
       return { stringifiedValue: `UUID('${uuid}')` };
     }
+    if (value.sub_type === Binary.SUBTYPE_VECTOR) {
+      const vectorType = value.buffer[0];
+      if (vectorType === Binary.VECTOR_TYPE.Int8) {
+        const truncatedSerializedBuffer = truncate(
+          value.toInt8Array().slice(0, 100).toString(),
+          100
+        );
+        return {
+          stringifiedValue: `Binary.fromInt8Array(new Int8Array([${truncatedSerializedBuffer}]))`,
+        };
+      } else if (vectorType === Binary.VECTOR_TYPE.Float32) {
+        const truncatedSerializedBuffer = truncate(
+          [...value.toFloat32Array().slice(0, 100)]
+            // Using a limited precision and removing trailing zeros for better displaying
+            .map((num) => num.toPrecision(8).replace(/\.?0+$/, ''))
+            .toString(),
+          100
+        );
+        return {
+          stringifiedValue: `Binary.fromFloat32Array(new Float32Array([${truncatedSerializedBuffer}]))`,
+        };
+      } else if (vectorType === Binary.VECTOR_TYPE.PackedBit) {
+        const truncatedSerializedBuffer = truncate(
+          value.toPackedBits().slice(0, 100).toString(),
+          100
+        );
+        return {
+          stringifiedValue: `Binary.fromPackedBits(new Uint8Array([${truncatedSerializedBuffer}]))`,
+        };
+      }
+    }
     return {
       stringifiedValue: `Binary.createFromBase64('${truncate(
         value.toString('base64'),