chore: handle / in src and path

Author: utkace

example/sample-app/src/App.vue

@@ -49,6 +49,14 @@
 <script>
 import { IKImage, IKContext, IKUpload } from "imagekitio-vue";
 
+let urlEndpoint= process.env.VUE_APP_URL_ENDPOINT;
+if(urlEndpoint[urlEndpoint.length-1] === "/")
+    urlEndpoint = urlEndpoint.slice(0,urlEndpoint.length-1);
+
+let path = "/default-image.jpg";
+  if(path[0] === "/")
+    path = path.split("/")[1];
+
 export default {
   name: "app",
   components: {
@@ -58,11 +66,11 @@ export default {
   },
   data() {
     return {
-      urlEndpoint: process.env.VUE_APP_URL_ENDPOINT,
+      urlEndpoint: urlEndpoint,
       publicKey: process.env.VUE_APP_PUBLIC_KEY,
       authenticationEndpoint: process.env.VUE_APP_AUTHENTICATION_ENDPOINT,
-      path: "default-image.jpg",
-      src: `${urlEndpoint}${path}`
+      path: path,
+      src: `${urlEndpoint}/${path}`
     };
   }
 };

tests/stories/0-ImageKitContext.stories.js

@@ -4,11 +4,17 @@ export default {
   title: 'IKContext',
 };
 
-
-const urlEndpoint = process.env.VUE_APP_URL_ENDPOINT;
 const publicKey = process.env.VUE_APP_PUBLIC_KEY;
-const path = "default-image.jpg";
-const src = `${urlEndpoint}${path}`;
+
+let urlEndpoint = process.env.VUE_APP_URL_ENDPOINT;
+if(urlEndpoint[urlEndpoint.length-1] === "/")
+    urlEndpoint = urlEndpoint.slice(0,urlEndpoint.length-1);
+
+let path = "/default-image.jpg";
+  if(path[0] === "/")
+    path = path.split("/")[1];
+
+const src = `${urlEndpoint}/${path}`;
 
 export const imageWithContext = () => ({
   components: { IKImage, IKContext },

tests/stories/1-ImageKitImage.stories.js

@@ -4,9 +4,16 @@ export default {
   title: 'IKImage',
 };
 
-const urlEndpoint = process.env.VUE_APP_URL_ENDPOINT;
 const publicKey = process.env.VUE_APP_PUBLIC_KEY;
-const path = "default-image.jpg";
+
+let urlEndpoint = process.env.VUE_APP_URL_ENDPOINT;
+if(urlEndpoint[urlEndpoint.length-1] === "/")
+    urlEndpoint = urlEndpoint.slice(0,urlEndpoint.length-1);
+
+let path = "/default-image.jpg";
+  if(path[0] === "/")
+    path = path.split("/")[1];
+
 const src = `${urlEndpoint}${path}`;
 
 export const imageWithSrc = () => ({

tests/stories/2-Transformations.stories.js

@@ -4,10 +4,17 @@ export default {
   title: 'Transformations',
 };
 
-const urlEndpoint = process.env.VUE_APP_URL_ENDPOINT;
 const publicKey = process.env.VUE_APP_PUBLIC_KEY;
-const path = "default-image.jpg";
-const src = `${urlEndpoint}${path}`;
+
+let urlEndpoint = process.env.VUE_APP_URL_ENDPOINT;
+if(urlEndpoint[urlEndpoint.length-1] === "/")
+    urlEndpoint = urlEndpoint.slice(0,urlEndpoint.length-1);
+
+let path = "/default-image.jpg";
+  if(path[0] === "/")
+    path = path.split("/")[1];
+
+const src = `${urlEndpoint}/${path}`;
 
 export const imageWithTransformation = () => ({
   components: { IKImage },