fix(workspace): fix svg file with xml header (#5388)

packages/frontend/workspace/src/utils/__tests__/buffer-to-blob.spec.ts

@@ -9,5 +9,10 @@ describe('isSvgBuffer', () => {
     expect(isSvgBuffer(Buffer.from('<svg></svg>'))).toBe(true);
     expect(isSvgBuffer(Buffer.from(' \n\r\t<svg></svg>'))).toBe(true);
     expect(isSvgBuffer(Buffer.from('<123>'))).toBe(false);
+    expect(
+      isSvgBuffer(
+        Buffer.from('<?xml version="1.0" encoding="UTF-8"?><svg></svg>')
+      )
+    ).toBe(true);
   });
 });

packages/frontend/workspace/src/utils/buffer-to-blob.ts

@@ -1,7 +1,7 @@
 import isSvg from 'is-svg';
 
 function fastCheckIsNotSvg(buffer: Uint8Array) {
-  // check first non-whitespace character is not '<svg'
+  // check first non-whitespace character is not '<svg' or '<?xml'
   for (let i = 0; i < buffer.length; i++) {
     const ch = buffer[i];
 
@@ -18,11 +18,20 @@ function fastCheckIsNotSvg(buffer: Uint8Array) {
       continue;
     }
 
-    return !(
+    return (
-      buffer[i] === /* '<' */ 0x3c &&
+      !(
-      buffer[i + 1] === /* 's' */ 0x73 &&
+        buffer[i] === /* '<' */ 0x3c &&
-      buffer[i + 2] === /* 'v' */ 0x76 &&
+        buffer[i + 1] === /* 's' */ 0x73 &&
-      buffer[i + 3] === /* 'g' */ 0x67
+        buffer[i + 2] === /* 'v' */ 0x76 &&
+        buffer[i + 3] === /* 'g' */ 0x67
+      ) &&
+      !(
+        buffer[i] === /* '<' */ 0x3c &&
+        buffer[i + 1] === /* '?' */ 0x3f &&
+        buffer[i + 2] === /* 'x' */ 0x78 &&
+        buffer[i + 3] === /* 'm' */ 0x6d &&
+        buffer[i + 4] === /* 'l' */ 0x6c
+      )
     );
   }