@veritree/ui 0.11.0 → 0.12.0

package/package.json

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

package/src/Image/VTImage.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-import { specifyImageWidth } from "~/utils/images";
+import { handleImageResizing } from "../utils/images";
 
 export default {
   name: "VTImage",
@@ -46,7 +46,7 @@ export default {
         }
 
         if (this.cdnSrc) {
-          return this.specifyImageWidth(this.cdnSrc, this.$attrs.width);
+          return this.handleImageResizing(this.cdnSrc, this.$attrs.width);
         }
 
         if (this.src) {
@@ -58,8 +58,12 @@ export default {
     },
   },
 
+  mounted() {
+    console.log("mounted");
+  },
+
   methods: {
-    specifyImageWidth,
+    handleImageResizing,
 
     onLoad() {
       this.isLoaded = true;

package/src/utils/images.js

@@ -0,0 +1,38 @@
+export const handleImageResizing = (url, width) => {
+  // early exit if url is null for whatever reason
+  if (!url) {
+    return '';
+  }
+
+  let cdn;
+
+  if (typeof url === 'object') {
+    cdn = url.cdn_url;
+  } else if (typeof url === 'string') {
+    cdn = JSON.parse(url).cdn_url;
+  }
+
+  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]));
+
+  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}`;
+
+  return encodedUrl;
+};