@veritree/ui 0.16.3 → 0.16.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.16.3",
+  "version": "0.16.4",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",

package/src/components/Image/VTImage.vue

@@ -9,15 +9,15 @@
 </template>
 
 <script>
-import { handleImageResizing } from "../../utils/images";
+import { handleImageResizing } from '../../utils/images';
 
 export default {
-  name: "VTImage",
+  name: 'VTImage',
 
   props: {
     src: {
       type: String,
-      default: "",
+      default: '',
     },
     cdnSrc: {
       type: [String, Object],
@@ -67,7 +67,7 @@ export default {
 
     onError() {
       this.canLoad = false;
-      this.$emit("error");
+      this.$emit('error');
     },
   },
 };

package/src/utils/images.js

@@ -1,38 +1,45 @@
 export const handleImageResizing = (url, width) => {
-  // early exit if url is null for whatever reason
-  if (!url) {
-    return '';
-  }
+  try {
+    // early exit if url is null for whatever reason
+    if (!url) {
+      return '';
+    }
 
-  let cdn;
+    let cdn;
 
-  if (typeof url === 'object') {
-    cdn = url.cdn_url;
-  } else if (typeof url === 'string') {
-    cdn = JSON.parse(url).cdn_url;
-  }
+    if (typeof url === 'object') {
+      cdn = url.cdn_url;
+    }
+    
+    if (typeof url === 'string') {
+      cdn = JSON.parse(url).cdn_url;
+    }
 
-  const base64String = cdn.split('net/');
-  const firstPart = base64String[0];
+    const base64String = cdn.split('net/');
+    const firstPart = base64String[0];
 
-  // if atob is crossed and your editor says is not supported,
-  // don't worry, it seems to be about NodeJS and not about
-  // browsers.
-  //
-  // Details: https://developer.mozilla.org/en-US/docs/Web/API/atob
-  const decodedString = JSON.parse(atob(base64String[1]));
+    // if atob is crossed and your editor says is not supported,
+    // don't worry, it seems to be about NodeJS and not about
+    // browsers.
+    //
+    // Details: https://developer.mozilla.org/en-US/docs/Web/API/atob
+      const decodedString = JSON.parse(atob(base64String[1]));
 
-  width
-    ? (decodedString.edits.resize.width = width)
-    : (decodedString.edits.resize.width = 450);
+    width
+      ? (decodedString.edits.resize.width = width)
+      : (decodedString.edits.resize.width = 450);
 
-  // if btoa is crossed and your editor says is not supported,
-  // don't worry, it seems to be about NodeJS and not about
-  // browsers.
-  //
-  // Details: https://developer.mozilla.org/en-US/docs/Web/API/atob
-  const encodedString = btoa(JSON.stringify(decodedString));
-  const encodedUrl = `${firstPart}net/${encodedString}`;
+    // if btoa is crossed and your editor says is not supported,
+    // don't worry, it seems to be about NodeJS and not about
+    // browsers.
+    //
+    // Details: https://developer.mozilla.org/en-US/docs/Web/API/atob
+    const encodedString = btoa(JSON.stringify(decodedString));
+    const encodedUrl = `${firstPart}net/${encodedString}`;
 
-  return encodedUrl;
+    return encodedUrl
+  } catch(error) {
+    console.log(cdn);
+    console.log(error);
+  }
 };