vaderjs 1.2.4 → 1.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vaderjs",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "description": "A Reactive Framework for Single-Page Applications (SPA)",
   "main": "index.js",
   "scripts": {

package/vader.js

@@ -181,8 +181,18 @@ export class Component {
       },
     });
     this.snapshots = [];
+    
   }
 
+  /**
+   * @method adapter
+   * @description Allows you to create an adapter - this is used to create  custom logic
+   *  
+   * 
+   */
+  adapter() {
+    return  
+  }
   init() {
     this.registerComponent();
   }
@@ -860,8 +870,10 @@ export class Component {
             throw new SyntaxError(
               `Image: ${element.outerHTML} alt attribute cannot be empty`
             );
+            
           } else if (
             element.hasAttribute("src") &&
+            !element.getAttribute("src")?.includes("http") || !element.getAttribute("src")?.includes("https") &&
             !document.documentElement.outerHTML
               .trim()
               .includes("<!-- #vader-disable_accessibility -->")
@@ -955,16 +967,17 @@ export class Component {
           }
 
           if (
-            element.hasAttribute("src") &&
-            // @ts-ignore
-            element.getAttribute("src").startsWith("/") &&
-            !document.documentElement.outerHTML
-              .trim()
-              .includes("<!-- #vader-disable_relative-paths -->")
+             element.hasAttribute("src") &&
+             // @ts-ignore
+             !element.getAttribute("src").includes("http") &&
+                 // @ts-ignore
+              !element.getAttribute("src").includes("https") &&
+            !document.documentElement.outerHTML.includes(`<!-- #vader-disable_relative-paths -->`)
           ) {
             element.setAttribute(
               "src",
-              `${window.location.origin}/public${element.getAttribute("src")}`
+              // @ts-ignore
+              `./public/${element.getAttribute("src")}`
             );
           }
           break;
@@ -1124,4 +1137,4 @@ export const include = async (path) => {
     });
 };
 
-export default Vader
+export default Vader;

package/vaderRouter.js

@@ -2,6 +2,7 @@
 /**
  * @class VaderRouter
  * @description  - creates an instance of Vader Express Router
+ *  
  * @param {String} path
  * @param {Function} handler
  * @param {object} req  request object
@@ -10,11 +11,18 @@
  *  
  */
 class VaderRouter{
-  constructor() {
+  /**
+   * @constructor
+   * @param {*} basePath 
+   *  
+   */
+  constructor(basePath) {
     this.routes = [];
     this.middlewares = [];
     this.errorMiddlewares = [];
     this.listeners = [];
+     
+    this.basePath = basePath;
   }
 
   /**
@@ -124,22 +132,27 @@ class VaderRouter{
       }
       const routePathParts = route.path.split('/');
       const hashParts = hash.split('/');
-      // if asterisk is present in route path then it will be the last part
-      if(routePathParts[routePathParts.length-1].startsWith('*')){
-        return true;
-      }else if (routePathParts.length !== hashParts.length) {
+      if (routePathParts.length !== hashParts.length) {
         return false;
+      }else if(routePathParts[routePathParts.length-1].startsWith('*')){
+        return true;
       }
-     
       const params = this.extractParams( route.path, hash);
       return Object.keys(params).length > 0;
     });
   
     if (!route) {
       route = this.routes.find((route) => {
-        return route.path === '/404';
+         
+         if(route.path === '/404'){
+          return  true;
+         }else{
+           window.location.hash = this.basePath  
+         }
       });
 
+      route ? status = 200 :
+
       status = 404;
     }
 
@@ -213,6 +226,4 @@ class VaderRouter{
   
 }
 
-export default VaderRouter;
- 
- 
+export default VaderRouter;