modificando la exportacion de page_not_fount a una funcion, convirtiendo a clase el archivo status

Author: Nike

core/global.js

@@ -3,4 +3,4 @@ import * as http from "./http/todo.js"
 import * as route from "./route/todo.js"
 import view from "./view/todo.js"
 
-export const Patron = {App, URLStateCapture, http, route, view};
+export default {App, URLStateCapture, http, route, view};

core/helpers.js

@@ -1,4 +1,4 @@
-import { getContainer } from "./container";
+import { getContainer } from "./container.js";
 
 let base_url, assets_location;
 
@@ -111,16 +111,19 @@ export function comparator(value, operator, to) {
 }
 
 /**
- * @type {HTMLIFrameElement}
+ * @return {HTMLIFrameElement}
  */
-export const page_not_fount = document.createElement('iframe');
-page_not_fount.allow = 'fullscreen';
-page_not_fount.width = '100%';
-page_not_fount.height = '100%';
-page_not_fount.src = '/public/404.html';
-page_not_fount.style.position = 'absolute';
-page_not_fount.style.border = '0';
-page_not_fount.style.zIndex = '100';
+export const page_not_fount = ()=> {
+    const public_dir = getContainer().config.public_dir
+    const iframe = document.createElement('iframe');
+    iframe.allow = 'fullscreen';
+    iframe.width = '100%';
+    iframe.height = '100%';
+    iframe.src = `${public_dir}/404.html`;
+    iframe.style.position = 'absolute';
+    iframe.style.border = '0';
+    iframe.style.zIndex = '100';return iframe;
+}
 
 let style_log = `
 <style>

core/http/status.js

@@ -76,54 +76,44 @@ export const STATUS = {
     530: 'User access denied'
 };
 
-export function isInfo() {
-    return this.code >= 100 && this.code <= 102;
-}
-
-export function isSuccess() {
-    return this.code >= 200 && this.code <= 207;
-}
+class Status {
+    code = 200;
 
-export function isRedirection() {
-    return this.code >= 300 && this.code <= 308;
-}
+    isRedirection() {
+        return this.code >= 300 && this.code <= 308;
+    }
 
-export function isServerError() {
-    return this.code >= 400 && this.code <= 498;
-}
+    isOK() {
+        return this.code === 200;
+    }
 
-export function isClientError() {
-    return this.code >= 500 && this.code <= 530;
-}
+    getMessageStatus(code) {
+        if (!exists_status(code)) {
+            throw new Error(`code ${code} status no exists`);
+        }
+        return STATUS[code];
+    }
 
-export function exists_status(code) {
-    return (code in STATUS);
-}
+    isInfo() {
+        return this.code >= 100 && this.code <= 102;
+    }
 
-export function getMessageStatus(code) {
-    if (!exists_status(code)) {
-        throw new Error(`code ${code} status no exists`);
+    isSuccess() {
+       
+        return this.code >= 200 && this.code <= 207;
+    }
+    
+    isServerError() {
+        return this.code >= 400 && this.code <= 498;
     }
-    return status[code];
-}
 
-export function isOK() {
-    return this.code === 200;
-}
+    isClientError() {
+        return this.code >= 500 && this.code <= 530;
+    }
 
-function Status () {
-    this.code = 200;
+    exists_status(code) {
+        return (code in STATUS);
+    }
 }
 
-Status.prototype = {
-    STATUS,
-    isOK,
-    isInfo,
-    isSuccess,
-    isClientError,
-    isRedirection,
-    isServerError,
-    getMessageStatus
-};
-
 export default Status;

core/route/dispatcher.js

@@ -93,10 +93,11 @@ export default class Dispatcher {
         this.response = res;
         this.container = container;
         this.setNotFount(() => {
-            this.page = page_not_fount;
+            const iframe = page_not_fount();
+            this.page = iframe;
             this.html = document.body.innerHTML;
             document.body.innerHTML = '';
-            document.body.appendChild(page_not_fount);
+            document.body.appendChild(iframe);
         });
     }