@veritree/ui 0.16.2 → 0.16.5

package/package.json

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

package/src/components/Drawer/VTDrawerContent.vue

@@ -28,9 +28,9 @@
 
 <script>
 export default {
-  name: "VTDrawerContent",
+  name: 'VTDrawerContent',
 
-  inject: ["api"],
+  inject: ['api'],
 
   data() {
     return {
@@ -52,23 +52,27 @@ export default {
     },
 
     activeClass() {
-      return "transform transition duration-300 ease-in-out";
+      return 'transform transition duration-300 ease-in-out';
     },
 
     enterClass() {
-      return `opacity-0 ${this.right ? "" : "-"}translate-x-full`;
+      return `opacity-0 ${
+        this.right ? 'translate-x-full' : '-translate-x-full'
+      }`;
     },
 
     enterToClass() {
-      return `opacity-100 ${this.right ? "-" : ""}translate-x-0`;
+      return `opacity-100 ${this.right ? '-translate-x-0' : 'translate-x-0'}`;
     },
 
     leaveClass() {
-      return `opacity-100 ${this.right ? "-" : ""}translate-x-0`;
+      return `opacity-100 ${this.right ? '-translate-x-0' : 'translate-x-0'}`;
     },
 
     leaveToClass() {
-      return `opacity-0 ${this.right ? "" : "-"}translate-x-full`;
+      return `opacity-0 ${
+        this.right ? 'translate-x-full' : '-translate-x-full'
+      }`;
     },
   },
 

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

@@ -3,36 +3,42 @@ export const handleImageResizing = (url, width) => {
   if (!url) {
     return '';
   }
-
+  
   let cdn;
+  
+  try {
+    if (typeof url === 'object') {
+      cdn = url.cdn_url;
+    }
 
-  if (typeof url === 'object') {
-    cdn = url.cdn_url;
-  } else if (typeof url === 'string') {
-    cdn = JSON.parse(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.error(`${error} in ${cdn}`);
+  }
 };