@archvisioninc/canvas 2.6.8 → 2.6.9

package/dist/helpers/utilityHelpers.js

@@ -413,8 +413,9 @@ export const getImageFileFromBuffer = args => {
     asDataUrl
   } = args || {};
   if (_.isEmpty(buffer)) return '';
+  if (!_.isObject(buffer) && !_.isArray(buffer)) return buffer;
   if (asDataUrl) {
-    const ascii = new Uint8Array(buffer);
+    // Convert buffer to data:image/png;base64 string
     const Uint8ToString = u8a => {
       if (_.isEmpty(u8a)) return '';
       const maxChunkSize = 8192;
@@ -425,23 +426,16 @@ export const getImageFileFromBuffer = args => {
       }
       return chunks.join('');
     };
+    const ascii = new Uint8Array(buffer);
     const dataString = btoa(Uint8ToString(ascii));
-    const blob = new Blob([dataString], {
-      type: 'image/png'
-    });
-    const blobUrl = URL.createObjectURL(blob);
-    console.log({
-      dataString,
-      blob,
-      blobUrl
-    });
-    return blobUrl;
+    const dataUrl = `data:image/png;base64,${dataString}`;
+    return dataUrl;
   }
   const blob = new Blob([buffer], {
     type: 'image/png'
   });
-  const url = URL.createObjectURL(blob);
-  return url;
+  const blobUrl = URL.createObjectURL(blob);
+  return blobUrl;
 };
 export const getTextureUrl = args => {
   const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archvisioninc/canvas",
-  "version": "2.6.8",
+  "version": "2.6.9",
   "private": false,
   "main": "dist/Canvas.js",
   "module": "dist/Canvas.js",

package/src/package/helpers/utilityHelpers.js

@@ -471,10 +471,10 @@ export const getImageFileFromBuffer = args => {
   const { buffer, asDataUrl } = args || {};
 
   if (_.isEmpty(buffer)) return '';
+  if (!_.isObject(buffer) && !_.isArray(buffer)) return buffer;
 
   if (asDataUrl) {
-    const ascii = new Uint8Array(buffer);
-
+    // Convert buffer to data:image/png;base64 string
     const Uint8ToString = u8a => {
       if (_.isEmpty(u8a)) return '';
 
@@ -489,18 +489,17 @@ export const getImageFileFromBuffer = args => {
       return chunks.join('');
     };
 
+    const ascii = new Uint8Array(buffer);
     const dataString = btoa(Uint8ToString(ascii));
-    const blob = new Blob([ dataString ], { type: 'image/png' });
-    const blobUrl = URL.createObjectURL(blob);
+    const dataUrl = `data:image/png;base64,${dataString}`;
 
-    console.log({ dataString, blob, blobUrl });
-    return blobUrl;
+    return dataUrl;
   }
 
   const blob = new Blob([ buffer ], { type: 'image/png' });
-  const url = URL.createObjectURL(blob);
+  const blobUrl = URL.createObjectURL(blob);
 
-  return url;
+  return blobUrl;
 };
 
 export const getTextureUrl = args => {