feat: add static file serving and update image handling in Pug template

Author: manu4543

samples/sample-app/server/server.js

@@ -8,6 +8,7 @@ const path = require('path');
 const pugTemplatePath = path.join(__dirname, "../views/index.pug");
 
 const app = express();
+app.use(express.static('static'))
 app.use(cors());
 app.set('view engine', 'pug');
 

samples/sample-app/views/index.pug

@@ -1,5 +1,6 @@
 html
     body
+        img(id="my-image")
         h3 Imagekit Demo
         form(action='#' onSubmit='upload(event)')
             input(type='file' id='file1')
@@ -18,16 +19,29 @@ html
                     p
                         img(src="")    
 
-        script(type='text/javascript' src="https://unpkg.com/imagekit-javascript/dist/imagekit.min.js")
+        // Copy paste manually from dist
+        script(type='text/javascript' src="./imagekit.min.js")
         script.
             try {
                 var imagekit = new ImageKit({
                     publicKey: "!{publicKey}",
                     urlEndpoint: "!{urlEndpoint}",
                 });
 
+
                 window.imagekit = imagekit;
 
+                var url = imagekit.url({
+                    src: "https://ik.imagekit.io/demo/default-image.jpg",
+                    transformation: [{
+                        height: 100
+                    }]
+                })
+
+                var img = document.getElementById("my-image");
+                console.log(url);
+                img.src = url;
+
 
                 function upload(e) {
                     e.preventDefault();
@@ -119,4 +133,4 @@ html
                 }
             } catch(ex) {
                 console.log(ex);
-            }
+            }