vaderjs 1.4.0-90gbho234 → 1.4.1-d560b9aa7f

package/binaries/main.js

@@ -1,676 +1,1318 @@
 import { Glob } from "bun";
-import fs from "fs"; 
+
+import fs from "fs";
+
 import * as Bun from "bun"; 
-import WebSocket from 'ws'
-let config = await import(process.cwd() + '/vader.config.js').then((m) => m ? m.default : {}).catch((e) => {
-    console.error(e)
-    return {}
-})
+
+let config = await import(process.cwd() + "/vader.config.js")
+  .then((m) => (m ? m.default : {}))
+  .catch((e) => { 
+    return {};
+  });
+
+async function checkIFUptodate() {
+  let lts = await fetch("https://registry.npmjs.org/vaderjs").then((res) =>
+    res.json()
+  );
+  let latest = lts["dist-tags"].latest;
+  let current = JSON.parse(
+    fs.readFileSync(process.cwd() + "/node_modules/vaderjs/package.json")
+  ).version;
+  return {
+    latest,
+    current,
+  };
+}
+
+import IPCServer from "vaderjs/binaries/IPC/index.js";
+import { exec } from "child_process";
+
+const IPC = IPCServer;
+
+globalThis.isVader = true;
+
+/**
+
+          * @description - Call functions when the integration is triggered
+
+          * @param {function} fn 
+
+          * @param {args} args 
+
+          */
+
+globalThis.call = async (fn, args) => {
+  return (await fn(args)) || void 0;
+};
+
 /**@description - Used to store hmr websocket clients */
-globalThis.clients = []
+
+globalThis.clients = [];
+
 /**@description - Used to keep track of routes */
-globalThis.routes = []
+
+globalThis.routes = [];
+
 /**
+
  * @description - Used to keep track of the mode
+
  */
-globalThis.mode = 'dev'
+
+globalThis.mode = "";
+
 /**@usedby @transForm */
-globalThis.isBuilding = false
-globalThis.hasGenerated = []
+
+globalThis.isBuilding = false;
+
+globalThis.hasGenerated = [];
+
+let currentState = "";
+
 /**
+
  * @description - Used to keep track of the bundle size
+
  */
-let bundleSize = 0 
 
- 
-if(globalThis.mode === 'dev'){
-    Bun.spawn({
-        cwd: process.cwd() + '/node_modules/vaderjs/binaries/',
-        env: {
-            PWD: process.cwd(), 
-            onExit: (code) => {
-                globalThis.isBuilding = false
-                globalThis.oneAndDone = true
-            }
-        },
-        cmd: ['node', 'generator.js'],
-    }) 
-    globalThis.generatorWs = new WebSocket(`ws://localhost:${3436}`)
-  globalThis.generatorWs.on('message', (message) => {
-         let data = JSON.parse(message.toString()) 
-         switch(true){
-            case data.type === 'done':
-                let file = data.file
-                  globalThis.hasGenerated.push(file)
-                  console.log('Generated', file)
-                break;
-            case data.type === 'error':
-                console.error(data.message)
-                break;
-         }
-    })
-    globalThis.generatorWs.on('connection', (ws) => {
-        console.log('Connected to generator...')
-    })
-     
-    if(!globalThis.generatorWs.readyState === 1){
-        console.log('Generator is not ready...')
-    }
-}
- 
+let bundleSize = 0;
+
 /**
+
  * @description - variables used to generate arrays of paths recursively
+
  */
-const glob = new Glob("/pages/**/**/*.{,tsx,js,jsx}", {absolute: true});
-const vaderGlob = new Glob("/node_modules/vaderjs/runtime/**/**/*.{,tsx,js}", {absolute: true});
-const srcGlob = new Glob("/src/**/**/*.{jsx,ts,tsx,js}", {absolute: true});
-const publicGlob = new Glob("/public/**/**/*.{css,js,html,jpg,png,gif,svg,ico,video,webm,mp4,jpeg}", {absolute: true});
-const distPages = new Glob("/dist/pages/**/**/*.{tsx,js,jsx}", {absolute: true})
-const distSrc = new Glob("/dist/src/**/**/*.{tsx,js,jsx}", {absolute: true})
-const distPublic = new Glob("/dist/public/**/**/*.{css,js,html,jpg,png,gif,svg,ico,video,webm,mp4,jpeg}", {absolute: true});
+
+const glob = new Glob("/pages/**/**/*.{,tsx,js,jsx,md}", {
+  absolute: true,
+});
+
+const vaderGlob = new Glob("/node_modules/vaderjs/runtime/**/**/*.{,tsx,js}", {
+  absolute: true,
+});
+
+const srcGlob = new Glob("/src/**/**/*.{jsx,ts,tsx,js}", {
+  absolute: true,
+});
+
+const publicGlob = new Glob(
+  "/public/**/**/*.{css,js,html,jpg,png,gif,svg,ico,video,webm,mp4,jpeg}",
+  {
+    absolute: true,
+  }
+);
+
+const distPages = new Glob("/dist/pages/**/**/*.{tsx,js,jsx}", {
+  absolute: true,
+});
+
+const distSrc = new Glob("/dist/src/**/**/*.{tsx,js,jsx}", {
+  absolute: true,
+});
+
+const distPublic = new Glob(
+  "/dist/public/**/**/*.{css,js,html,jpg,png,gif,svg,ico,video,webm,mp4,jpeg}",
+  {
+    absolute: true,
+  }
+);
 
 const router = new Bun.FileSystemRouter({
-    style: "nextjs",
-    dir: process.cwd() + '/pages',
-    origin: process.env.ORIGIN || "http://localhost:3000",
-    assetPrefix: "_next/static/"
-});   
+  style: "nextjs",
+
+  dir: process.cwd() + "/pages",
+
+  origin: process.env.ORIGIN || "http://localhost:3000",
+
+  assetPrefix: "_next/static/",
+});
+
 /**
+
  * @function handleReplaceMents 
+
  * @description - replaces data to be compatible with Vader.js
+
  * @param {*} data 
+
  * @returns 
+
  */
-function handleReplaceMents(data){
-    data.split('\n').forEach((line, index)=>{
-        switch(true){
-            
-            case line.includes('useReducer') && !line.includes('import'):
-                line = line.replaceAll(/\s+/g, " ");
-
-                let varTypereducer = line.split("=")[0].trim().split("[")[0].trim();
-                let keyreducer = line.split("=")[0].trim().split("[")[1].trim().split(",")[0].trim();
-          let setKeyreducer = line.split("=")[0].trim().split(",")[1].trim().replace("]", "");
-          let reducer = line.split("=")[1].split("useReducer(")[1];
-
-          let newStatereducer = `${varTypereducer} [${keyreducer}, ${setKeyreducer}] = this.useReducer('${keyreducer}', ${line.includes('=>') ? reducer + '=>{' : reducer}`;
-           
-          data = data.replace(line, newStatereducer);
-          break
-         
-          case  line.includes('useState') && !line.includes('import'):
-            let varType = line.split("[")[0]
-          if (!line.split("=")[0].split(",")[1]) {
-            throw new Error('You forgot to value selector  (useState) ' + ' at ' + `${file}:${string.split(line)[0].split('\n').length}`)
-          }
-          let key = line.split("=")[0].split(",")[0].trim().split('[')[1];
+const cssToObj = (css) => {
+  let styles = {};
+  let currentSelector = "";
 
-          if (!line.split("=")[0].split(",")[1]) {
-            throw new Error('You forgot to add a setter (useState) ' + ' at ' + `${file}:${string.split(line)[0].split('\n').length}`)
-          }
-          let setKey = line.split("=")[0].split(",")[1].trim().replace("]", "");
-          key = key.replace("[", "").replace(",", "");
-          let valuestate = line.split("=")[1].split("useState(")[1];
-
-          let regex = /useState\((.*)\)/gs;
-          valuestate = valuestate.match(regex) ? valuestate.match(regex)[0].split("useState(")[1].split(")")[0].trim() : valuestate
-          let newState = `${varType} [${key}, ${setKey}] = this.useState('${key}', ${valuestate}`;
-          data = data.replace(line, newState);
-          break;
-         
-          case line.includes("useRef") && !line.includes("import"):
-          line = line.trim();
-          let typeref = line.split(" ")[0]
+  css.split("\n").forEach((line) => {
+    line = line.trim();
 
-          let keyref = line.split(typeref)[1].split("=")[0].trim().replace("[", "").replace(",", "");
+     
+    if (line.endsWith("{")) {
+      // Start of a block, extract the selector
+      currentSelector = line.slice(0, -1).trim();
+      currentSelector = currentSelector.replace(/-./g, (x) => x[1].toUpperCase()); 
+      currentSelector = currentSelector.replace('.', ''); 
+      styles[currentSelector] = {};
+    } else if (line.endsWith("}")) {
+      // End of a block
+      currentSelector = "";
+    } else if (line.includes(":") && currentSelector) {
+      // Inside a block and contains key-value pair
+      let [key, value] = line.split(":").map((part) => part.trim()); 
+      styles[currentSelector][key] = value;
+    }
+  });
 
+  return styles;
+};
 
-          let valueref = line.split("=")[1].split("useRef(")[1];
+function handleReplaceMents(data) {
+  data.split("\n").forEach(async (line, index) => {
+    switch (true) {
+      case line.includes("import") && line.includes("module.css"):
+        let path = line.split("from")[1].trim().split(";")[0].trim();
+        let name = line.split("import")[1].split("from")[0].trim();
+        path = path.replace(";", "");
+        path = path.replace(/'/g, "").trim().replace(/"/g, "").trim();
+        path = path.replaceAll(".jsx", ".js");
+        path = path.replaceAll("../", "");
+        let css = fs.readFileSync(process.cwd() + "/" + path, "utf8"); 
+        let styles = cssToObj(css); 
+        let style = JSON.stringify(styles);
+        let newLine = `let ${name} = ${style}`;
+        data = data.replace(line, newLine);
 
-          let newStateref = `${typeref} ${keyref} = this.useRef('${keyref}', ${valueref}`;
-          data = data.replace(line, newStateref);
-          case line.includes('.jsx') &&  line.includes('import') || line.includes('.tsx') &&  line.includes('import'):
-                let old = line
-                line = line.replace('.jsx', '.js')
-                line = line.replace('.tsx', '.js')
-                data = data.replace(old, line)
-               
-          break;
+        break;
+
+      case line.includes("useReducer") && !line.includes("import"):
+        line = line.replaceAll(/\s+/g, " ");
+
+        let varTypereducer = line.split("=")[0].trim().split("[")[0].trim();
+
+        let keyreducer = line
+          .split("=")[0]
+          .trim()
+          .split("[")[1]
+          .trim()
+          .split(",")[0]
+          .trim();
+
+        let setKeyreducer = line
+          .split("=")[0]
+          .trim()
+          .split(",")[1]
+          .trim()
+          .replace("]", "");
+
+        let reducer = line.split("=")[1].split("useReducer(")[1];
+
+        let newStatereducer = `${varTypereducer} [${keyreducer}, ${setKeyreducer}] = this.useReducer('${keyreducer}', ${
+          line.includes("=>") ? reducer + "=>{" : reducer
+        }`;
+
+        data = datam(line, newStatereducer);
+
+        break;
+
+      case line.includes("useState") && !line.includes("import"):
+        let varType = line.split("[")[0];
+
+        if (!line.split("=")[0].split(",")[1]) {
+          throw new Error(
+            "You forgot to value selector  (useState) " +
+              " at " +
+              `${file}:${string.split(line)[0].split("\n").length}`
+          );
         }
-    }) 
- 
-    data = data.replaceAll('jsxDEV', 'Vader.createElement')
-    data = data.replaceAll('jsx', 'Vader.createElement')
-    data = data.replaceAll('vaderjs/client', '/vader.js')
-    data = data.replaceAll('.tsx', '.js') 
-    let reactImportMatch = data.match(/import React/g);
-    if(reactImportMatch){
-       let fullmatch = data.match(/import React from "react"/g);
-         if(fullmatch){
-              data = data.replaceAll('import React from "react"', '');
-         }
+
+        let key = line.split("=")[0].split(",")[0].trim().split("[")[1];
+
+        if (!line.split("=")[0].split(",")[1]) {
+          throw new Error(
+            "You forgot to add a setter (useState) " +
+              " at " +
+              `${file}:${string.split(line)[0].split("\n").length}`
+          );
+        }
+
+        let setKey = line.split("=")[0].split(",")[1].trim().replace("]", "");
+
+        key = key.replace("[", "").replace(",", "");
+
+        let valuestate = line.split("=")[1].split("useState(")[1];
+
+        let regex = /useState\((.*)\)/gs;
+
+        valuestate = valuestate.match(regex)
+          ? valuestate
+              .match(regex)[0]
+              .split("useState(")[1]
+              .split(")")[0]
+              .trim()
+          : valuestate;
+
+        let newState = `${varType} [${key}, ${setKey}] = this.useState('${key}', ${valuestate}`;
+
+        data = data.replace(line, newState);
+
+        break;
+
+      case line.includes("useRef") && !line.includes("import"):
+        line = line.trim();
+
+        let typeref = line.split(" ")[0];
+
+        let keyref = line
+          .split(typeref)[1]
+          .split("=")[0]
+          .trim()
+          .replace("[", "")
+          .replace(",", "");
+
+        let valueref = line.split("=")[1].split("useRef(")[1];
+
+        let newStateref = `${typeref} ${keyref} = this.useRef('${keyref}', ${valueref}`;
+
+        data = data.replace(line, newStateref);
+
+      case (line.includes(".jsx") && line.includes("import")) ||
+        (line.includes(".tsx") && line.includes("import")):
+        let old = line;
+
+        line = line.replace(".jsx", ".js");
+
+        line = line.replace(".tsx", ".js");
+
+        data = data.replace(old, line);
+
+        break;
     }
-    data = data.replaceAll('.ts', '.js')
+  });
+
+  data = data.replaceAll("jsxDEV", "Vader.createElement");
+
+  data = data.replaceAll("jsx", "Vader.createElement");
+
+  data = data.replaceAll("vaderjs/client", "/vader.js");
+
+  data = data.replaceAll(".tsx", ".js");
+
+  let reactImportMatch = data.match(/import React/g);
 
-    // check if Vader is imported
-    let vaderImport = data.match(/import Vader/g);
-    if(!vaderImport){
-        data = `import Vader from "/vader.js";\n` + data;
+  if (reactImportMatch) {
+    let fullmatch = data.match(/import React from "react"/g);
+
+    if (fullmatch) {
+      data = data.replaceAll('import React from "react"', "");
     }
-    return data;
+  }
+
+  data = data.replaceAll(".ts", ".js");
+
+  // check if Vader is imported
+
+  let vaderImport = data.match(/import Vader/g);
+
+  if (!vaderImport) {
+    data = `import Vader from "/vader.js";\n` + data;
+  }
+
+  return data;
 }
- 
 
 /**
+
  * @function ContentType    
+
  * @description - returns the content type based on the file extension
+
  * @param {*} url 
+
  * @returns 
+
  */
-const ContentType = (url)=>{
-    switch(url.split('.').pop()){
-        case 'css':
-            return 'text/css';
-        case 'js':
-            return 'text/javascript';
-        case 'json':
-            return 'application/json';
-        case 'html':
-            return 'text/html';
-        case 'jpg':
-            return 'image/jpg';
-        case 'png':
-            return 'image/png';
-        case 'gif':
-            return 'image/gif';
-        case 'svg':
-            return 'image/svg+xml';
-        case 'ico':
-            return 'image/x-icon';
-        default:
-            return 'text/html';
-    
-    }
-}
- 
+
+const ContentType = (url) => {
+  switch (url.split(".").pop()) {
+    case "css":
+      return "text/css";
+
+    case "js":
+      return "text/javascript";
+
+    case "json":
+      return "application/json";
+
+    case "html":
+      return "text/html";
+
+    case "jpg":
+      return "image/jpg";
+
+    case "png":
+      return "image/png";
+
+    case "gif":
+      return "image/gif";
+
+    case "svg":
+      return "image/svg+xml";
+
+    case "webp":
+      return "image/webp";
+    case "ico":
+      return "image/x-icon";
+
+    default:
+      return "text/html";
+  }
+};
+
+/**
+
+ * @function Server
+
+ * @description - Creates a hmr development server
+
+ * @param {Number} port 
+
+ */
+
+function Server(port) {
+  Bun.serve({
+    port: port,
+
+    async fetch(req, res) {
+      const url = new URL(req.url);
+
+      const success = res.upgrade(req);
+
+      if (success) {
+        return new Response("Connected", {
+          headers: {
+            "Content-Type": "text/html",
+          },
+        });
+      }
+
+      if (req.url.includes(".")) {
+        if (!fs.existsSync(process.cwd() + "/dist" + url.pathname)) {
+          return new Response("Not Found", {
+            status: 404,
+
+            headers: {
+              "Content-Type": "text/html",
+            },
+          });
+        }
+
+        console.log(`HTTP GET: ${url.pathname} -> ${ContentType(req.url)}`);
+        return new Response(
+          fs.readFileSync(process.cwd() + "/dist" + url.pathname),
+          {
+            headers: {
+              "Content-Type": ContentType(req.url),
+            },
+          }
+        );
+      }
+  
+      let matchedRoute =
+        router.match(url.pathname) 
+
+      if (matchedRoute) {
+        let { filePath, kind, name, params, pathname, query, scriptSrc, isAbsolute } =
+          matchedRoute;
+
+          scriptSrc = scriptSrc.split("pages").pop().split("index.js").shift().split('_next/static')[1] 
+          // split the furthest file and turn it into index.js
+          scriptSrc = scriptSrc.split('/').filter(f => f !== '').join('/') 
+          // ex: .JSX -> .JS
+          scriptSrc.includes('[[...catchall]]') ? scriptSrc = scriptSrc.replace('[[...catchall]]', 'index.js') : scriptSrc = scriptSrc.replace('.jsx', '.js')
+          // split if it has a param
+          if(scriptSrc.includes('[')){
+            scriptSrc = scriptSrc.split('[').shift() + 'index.js'
+          }
+          scriptSrc = scriptSrc.split('index.js').shift() + 'index.js'
  
- /**
-  * @function Server
-  * @description - Creates a hmr development server
-  * @param {Number} port 
-  */
-function Server(port){
-    Bun.serve({
-        port: port,
-        fetch(req, res){
-            const url = new URL(req.url);
-            const success = res.upgrade(req);
-            if(success){
-                return new Response('Connected', {
-                    headers: {
-                        "Content-Type": "text/html"
-                    }
-                })
-            }
-            if(req.url.includes('.')){  
-                return new Response(fs.readFileSync(process.cwd() + '/dist/' + url.pathname, 'utf8'), {
-                    headers: {
-                        "Content-Type": ContentType(req.url)
-                    }
-                })
-            }
-            let matchedRoute = router.match(url.pathname);
-            if(matchedRoute){
-                let {filePath, kind, name, params, pathname, query,} = matchedRoute
-                let folder = url.pathname.split('/')[1]  
-                let jsFile = filePath.split('pages/').pop().split('.').shift() + '.js' 
-                let pageContent = fs.readFileSync(process.cwd() + '/dist/pages/' + folder + '/index.html', 'utf8')
-                globalThis.mode === 'dev' ? pageContent += `
+        let folder = '/' +scriptSrc.split("index.js").shift();
+        folder = folder
+          .split("/")
+          .filter((f) => f !== "dist")
+          .join("/");  
+        let pageContent =  fs.readFileSync(
+              process.cwd() + "/dist/" + folder + "/index.html",
+              "utf8"
+            );
+
+        globalThis.mode === "dev"
+          ? (pageContent += `
+
                 <script type="module">
+
                     let ws = new WebSocket('ws://localhost:${port}');
+
                     ws.onmessage = async (e) => {
+
                         if(e.data === 'reload'){
+
                             window.location.reload()
+
                             console.log('Reloading...')
+
                         }
+
                     }
+
                 </script>
-                `  : void 0
-                return new Response( pageContent, {
-                    headers: {
-                        "Content-Type": "text/html",
-                        "X-Powered-By": "Vader.js v1.3.3"
-                    }
-                })
-            }
-            
-            return new Response('Not Found', {
-                status: 404,
-                headers: {
-                    "Content-Type": "text/html"
-                }
-            })
+
+                `)
+          : void 0;
+
+        return new Response(pageContent, {
+          headers: {
+            "Content-Type": "text/html",
+
+            "X-Powered-By": "Vader.js v1.3.3",
+          },
+        });
+      }
+
+      return new Response("Not Found", {
+        status: 404,
+
+        headers: {
+          "Content-Type": "text/html",
         },
-        websocket: { 
-            open(ws){ 
-                clients.push(ws)
-            },
-        }
-    })
+      });
+    },
+
+    websocket: {
+      open(ws) {
+        clients.push(ws);
+      },
+    },
+  });
 }
+
 /**
+
  * @function write
+
  * @description - Writes data to a file
+
  * @returns {void} 0
+
  * @param {string} file 
+
  * @param {any} data 
+
  * @returns 
+
  */
-const write = (file, data) => { 
-    try {
-        if(!fs.existsSync('./dist')){
-            fs.mkdirSync('./dist')
-        } 
-        Bun.write(file, data);
-    } catch (error) {
-        console.error(error)
+
+const write = (file, data) => {
+  try {
+    if (!fs.existsSync("./dist")) {
+      fs.mkdirSync("./dist");
     }
-     
-}
+
+    Bun.write(file, data);
+  } catch (error) {
+    console.error(error);
+  }
+};
+
 /**
+
  * @function read
+
  * @param {path} file 
+
  * @returns  {Promise<string>}
+
  */
+
 const read = async (file) => {
-    return await Bun.file(file).text();
+  return await Bun.file(file).text();
+};
+
+/**
+
+ * @object integrationStates
+
+ * @description - Used to store integration states
+
+ */
+
+globalThis.integrationStates = [];
+
+/**
+
+ * @description a boolean value that checks if vader is being used - useful for running toplevel code at integration start
+
+ */
+
+globalThis.context = {
+  vader: true,
+};
+
+/**
+
+ * @function handleIntegrations
+
+ * @description - Handles module integrations that add more functionality to Vader.js
+
+ * @returns {void} 0
+
+ */
+
+function handleIntegrations() {
+  if (config?.integrations) {
+    config.integrations.forEach((integration) => {
+      let int = integration;
+
+      globalThis.integrationStates.push(int);
+    });
+  }
+
+  return void 0;
 }
 
+handleIntegrations();
+
 /**
+
  * @function generateProviderRoutes
+
  * @description - Generates routes for hosting provders ie: vercel, cloudflare
+
  * @returns {void} 0
+
  */
-async function generateProviderRoutes(){
-   if(!config?.host?.provider){
-    console.warn('No provider found in vader.config.js ignoring route generation...')
+
+async function generateProviderRoutes() {
+  if (!config?.host?.provider) {
+    console.warn(
+      "No provider found in vader.config.js ignoring route generation..."
+    );
+
     return void 0;
-   }
-   let providerType = [{
-     provider: 'vercel',
-     file: 'vercel.json',
-     out: process.cwd() + '/vercel.json',
-     obj: {
-        rewrites:[]
-     }
-   },{
-     provider: 'cloudflare',
-     file:'_redirects',
-     out: 'dist/_redirects'
-   }]
-
-   let provider = providerType.find((p) => p.provider === config.host.provider)
-   if(provider){
-   let prev = null
-   
-    switch(provider.provider){
-        case 'vercel': 
-             prev = await read(provider.out);
-            if(!prev.includes('rewrites')){
-                prev =  []
-            } else{
-                prev = JSON.parse(prev).rewrites    
-            }
-            routes.forEach((r) => {
-               if(r.path === '/'
-               || prev.find((p) => p.source === '/'+ r.path + '/index.html')
-               ){
-                return void 0;
-               }
-                prev.push({
-                     source: '/'+ r.path,
-                     destination: '/'+ r.path + '/index.html'
-                })
-
-                if(r.params.length > 0){
-                    r.params.forEach((param)=>{
-                        if(!param.paramData){
-                            return void 0;
-                        }
-                        let parampath= Object.keys(param.paramData).map((p)=>`:${p}`).join('/')
-                        prev.push({
-                            source: '/'+ r.path + '/' + parampath ,
-                            destination: '/'+ r.path + '/index.html'
-                        })
-                    })
-                }
-
-                fs.writeFileSync(provider.out, JSON.stringify({rewrites: prev}, null, 2))
-                 
-               
-            })
-            provider.obj.rewrites = prev
-            write(provider.out, JSON.stringify(provider.obj, null, 2))
-            break;
-        case 'cloudflare':
-            console.warn('Cloudflare is not supported yet refer to their documentation for more information:https://developers.cloudflare.com/pages/configuration/redirects/')
-            break;
+  }
+
+  let providerType = [
+    {
+      provider: "vercel",
+
+      file: "vercel.json",
+
+      out: process.cwd() + "/vercel.json",
+
+      obj: {
+        rewrites: [],
+      },
+    },
+    {
+      provider: "cloudflare",
+
+      file: "_redirects",
+
+      out: "dist/_redirects",
+    },
+    {
+      "provider":"regular_http_server",
+      "file":"htaaccess",
+      "out":"dist/.htaccess",
+      "obj":`
+      RewriteEngine On
+      RewriteCond %{REQUEST_FILENAME} !-f
+      RewriteRule ^ index.html [QSA,L]
+      `,
     }
+  ];
 
+  let provider = providerType.find((p) => p.provider === config.host.provider);
+ 
+  if (provider) {
+    let prev = null;
 
-    
+    switch (provider.provider) {
+      case "vercel":
+        if (!fs.existsSync(provider.out)) {
+          fs.writeFileSync(
+            provider.out,
+            JSON.stringify({
+              rewrites: [],
+            })
+          );
+        }
 
-   }
-   return void 0;
-}
+        // make sure file isnt empty
+        if (fs.readFileSync(provider.out).toString().match(/\S/g) === null) {
+          console.warn("Rewrites file is empty, ignoring...");
+          fs.writeFileSync(
+            provider.out,
+            JSON.stringify({
+              rewrites: [],
+            })
+          );
+        }
+
+        prev = JSON.parse(fs.readFileSync(provider.out).toString()).rewrites;
+
+        for(var i in routes){
+          let r = routes[i];
+            let previous = prev.find((p) => p.source.includes(r.path));
+
+          if (previous) {
+            return void 0;
+          }
+
+          if(r.path.includes('[')){
+            r.path = r.path.split('[').shift() + '/:param';
+          }
+         // replace duplicate slashes
+          r.path = r.path.replace(/\/\//g, '/');
+          prev.push({
+            source: "/" + r.path,
+
+            destination: "/" + r.path + "/index.html",
+          });
+
+          if (r.params.length > 0) {
+            r.params.forEach((param) => {
+              if (!param.paramData) {
+                return void 0;
+              }
+
+              let parampath = Object.keys(param.paramData)
+                .map((p) => `:${p}`)
+                .join("/");
+
+              prev.push({
+                source: "/" + r.path + "/" + parampath,
+
+                destination: "/" + r.path + "/index.html",
+              });
+            });
+          } 
+
+          fs.writeFileSync(
+            provider.out,
+            JSON.stringify(
+              {
+                rewrites: prev,
+              },
+              null,
+              2
+            )
+          );
+        }
+        
+        provider.obj.rewrites = prev; 
+
+        write(provider.out, JSON.stringify(provider.obj, null, 2));
+
+        break;
+
+      case "cloudflare":
+        console.warn(
+          "Cloudflare is not supported yet refer to their documentation for more information:https://developers.cloudflare.com/pages/configuration/redirects/"
+        );
+        
+
+        break;
+    }
+  }
+
+  return void 0;
+} 
 
 /**
+
  * @function transform
+
  * @description - Transforms the jsx files to js files based on file paths
+
  */
+
+async function transForm() {
+  return new Promise(async (resolve, reject) => {
+    globalThis.isBuilding = true;
+
+    router.reload();
+
+    for await (var file of glob.scan(".")) {
+      file = file.replace(/\\/g, "/");
+
+      let isBasePath = file.split("pages/")?.[1]?.split("/").length === 1;
+
+      let folder =
+        file.split("pages/")?.[1]?.split("/").slice(0, -1).join("/") || null;
+
+      if (isBasePath) {
+        folder = "/";
+      }
+
+      if (file.endsWith(".md")) {
+        let data = await read(file);
+        if (
+          integrationStates.find((int) => int?._df && int?._df === "i18mdf")
+        ) {
+          console.log(
+            `Using markdown parser ${
+              integrationStates.find((int) => int?._df && int?._df === "i18mdf")
+                .name
+            } v${
+              integrationStates.find((int) => int?._df && int?._df === "i18mdf")
+                .version
+            }`
+          );
+          let parser = integrationStates.find(
+            (int) => int?._df && int?._df === "i18mdf"
+          );
+
+          parser.parse(data);
+          parser._class.stylesheets.forEach((sheet) => {
+            parser._class.output =
+              `<link rel="stylesheet" href="${sheet}">` + parser._class.output;
+          });
+          let output = `./dist/${
+            isBasePath ? "index.html" : folder + "/index.html"
+          }`;
+          write(output, parser._class.output);
+        }
+        continue;
+      }
+ 
+
+      let route = isBasePath ? router.match("/") : router.match("/" + folder);
  
-async function transForm(){
-    globalThis.isBuilding = true
-    router.reload()
-    for await (var file of glob.scan('.')) {    
-        file = file.replace(/\\/g, '/');
-        let isBasePath =  file.split('pages/')?.[1]?.split('/').length === 1;
-        let folder = file.split('pages/')?.[1]?.split('/').slice(0, -1).join('/') || null;  
-        let route = isBasePath ? router.match('/') : router.match('/'  + folder) 
-        if(route){
-            let {filePath, kind, name, params, pathname, query,} = route 
-            let data = await read(filePath);
-            try{
-                data = new Bun.Transpiler({loader: "tsx", target:"browser", }).transformSync(data);
-            }catch(e){
-                console.error(e)
-            }
-            let out = `./dist/pages/${isBasePath ? 'index.js' : folder + '/index.js'}`; 
-            isBasePath ? folder = '/': null;
-            data = handleReplaceMents(data);
-            globalThis.routes.push({path: folder, file: out, isParam: kind === 'dynamic' ? true : false, params, query, pathname})
-            write(out, data); 
-            bundleSize += data.length
-            
-            
+      if (route) {
+        let { filePath, kind, name, params, pathname, query } = route;
+
+        let data = await read(filePath);
+
+        try {
+          data = new Bun.Transpiler({
+            loader: "tsx",
+            target: "browser", 
+          }).transformSync(data);
+        } catch (e) {
+          console.error(e);
         }
-        
-    }
 
-    for await (var file of srcGlob.scan('.')) { 
-        if(!fs.existsSync(process.cwd() +'/dist/src/')){
-            fs.mkdirSync(process.cwd() +'/dist/src/')
+        let out = `./dist/${isBasePath ? "index.js" : folder + "/index.js"}`;
+
+        isBasePath ? (folder = "/") : null;
+
+        data = handleReplaceMents(data);
+
+
+        let isAparam = null;
+
+        if (folder === "") {
+          return;
+        }
+
+        switch (true) {
+          case kind === "dynamic":
+            isAparam = true;
+
+            break;
+
+          case kind === "catch-all":
+            isAparam = true;
+
+            break;
+
+          case kind === "optional-catch-all":
+            isAparam = true;
+
+            break;
         }
-        file = file.replace(/\\/g, '/'); 
-        switch(file.split('.').pop()){
-            case 'ts':
-                let transpiler = new Bun.Transpiler({loader: "ts", target:"browser", });
-                let data = await read(file); 
-                try {
-                    data = transpiler.transformSync(data);
-                } catch (error) {
-                    console.error(error)
-                }
-                file = file.replace('.ts', '.js')
-                let path = process.cwd() +'/dist/src/' + file.split('src/').pop() 
-                write(path, data);
-                bundleSize += data.length
-                 
-                break;
-               
-            case 'tsx':
-                let transpilerx = new Bun.Transpiler({loader: "tsx", target:"browser", });
-                let datax = await read(file);
-                 try {
-                    datax = transpilerx.transformSync(datax);
-                 } catch (error) {
-                     console.error(error)
-                 }
-                datax = handleReplaceMents(datax);
-                file = file.replace('.tsx', '.js')
-                let pathx = process.cwd() +'/dist/src/' + file.split('src/').pop()
-                write(pathx, datax);
-                
-                
-                break;
-            case 'jsx':
-                let transpilerjx = new Bun.Transpiler({loader: "jsx", target:"browser", });
-                let datajx = await read(file); 
-                try {
-                    datajx = transpilerjx.transformSync(datajx);
-                } catch (error) {
-                    console.error(error)
-                }
-                datajx = handleReplaceMents(datajx);
-                file = file.replace('.jsx', '.js')
-                let pathjx = process.cwd() +'/dist/src/' + file.split('src/').pop() 
-                write(pathjx, datajx);
-                bundleSize += datajx.length
-                break;
+
+        if(!routes.find(r => r.path === folder)){
+          routes.push({
+            path: folder,
+            file: out,
+            isParam: isAparam,
+            params: params,
+            kind,
+            isCatchAll:  kind.includes("catch-all"),
+            query,
+            pathname,
+          });
         }
+
+        console.log(`Transforming ${file} -> ${out}`);
+
+        write(out, data);
+
+        //terser
+        Bun.spawn({
+          cwd: process.cwd(),
+
+          isVader: true,
+
+          cmd: ["npx", "terser", out, "--output", out],
+        });
+      
+        bundleSize += data.length;
+      }
+    }
+
+    for await (var file of srcGlob.scan(".")) {
+      if (!fs.existsSync(process.cwd() + "/dist/src/")) {
+        fs.mkdirSync(process.cwd() + "/dist/src/");
+      }
+
+      file = file.replace(/\\/g, "/");
+
+      switch (file.split(".").pop()) {
+        case "ts":
+          let transpiler = new Bun.Transpiler({
+            loader: "ts",
+            target: "browser",
+          });
+
+          let data = await read(file);
+
+          try {
+            data = transpiler.transformSync(data);
+          } catch (error) {
+            console.error(error);
+          }
+
+          file = file.replace(".ts", ".js");
+
+          let path = process.cwd() + "/dist/src/" + file.split("src/").pop();
+
+          write(path, data);
+
+          bundleSize += data.length;
+
+          break;
+
+        case "tsx":
+          let transpilerx = new Bun.Transpiler({
+            loader: "tsx",
+            target: "browser",
+          });
+
+          let datax = await read(file);
+
+          try {
+            datax = transpilerx.transformSync(datax);
+          } catch (error) {
+            console.error(error);
+          }
+
+          datax = handleReplaceMents(datax);
+
+          file = file.replace(".tsx", ".js");
+
+          let pathx = process.cwd() + "/dist/src/" + file.split("src/").pop();
+
+          write(pathx, datax);
+
+          break;
+
+        case "jsx":
+          let transpilerjx = new Bun.Transpiler({
+            loader: "jsx",
+            target: "browser",
+          });
+
+          let datajx = await read(file);
+
+          let source = transpilerjx.scan(datajx);
+
+          try {
+            datajx = transpilerjx.transformSync(datajx);
+          } catch (error) {
+            console.error(error);
+          }
+
+          datajx = handleReplaceMents(datajx);
+
+          file = file.replace(".jsx", ".js");
+
+          let pathjx = process.cwd() + "/dist/src/" + file.split("src/").pop();
+
+          write(pathjx, datajx);
+
+          bundleSize += datajx.length;
+
+          break;
+        default:
+          break;
+      }
     }
+
+    for await (var file of publicGlob.scan(".")) {
+      // works
+
+      let data = null;
+      let isBuff = false;
+      file = file.replace(/\\/g, "/");
+      if (
+        file.endsWith(".png") ||
+        file.endsWith(".jpg") ||
+        file.endsWith(".jpeg") ||
+        file.endsWith(".gif") || 
+        file.endsWith(".webp") ||
+        file.endsWith(".ico") ||
+        file.endsWith(".mp4") ||
+        file.endsWith(".webm")
+      ) {
+        data = Buffer.from(fs.readFileSync(file)).toString("base64");
+        isBuff = true;
+      }
+      data = data || (await read(file));
+
+      let path = process.cwd() + "/dist/public/" + file.split("public/").pop();
+      if(!fs.existsSync(path.split(file.split("/").pop()).shift())){
+        fs.mkdirSync(path.split(file.split("/").pop()).shift(), { recursive: true });
+      }
      
+      fs.writeFileSync(path, data, isBuff ? "base64" : "utf8");
 
-    for await (var file of publicGlob.scan('.')) {
-        let data = await read(file);
-        file = file.replace(/\\/g, '/');
-        write(process.cwd() +'/dist/public/' + file.split('public/').pop(), data);
-        bundleSize += fs.statSync(process.cwd() +'/dist/public/' + file.split('public/').pop()).size
+      bundleSize += data.length;
     }
-    for await (var file of vaderGlob.scan('.')) {
-        let data = await read(file);
-        file = file.replace(/\\/g, '/'); 
-        write(process.cwd() +'/dist/' + file.split('node_modules/vaderjs/runtime/').pop(), data);
-        bundleSize += fs.statSync(process.cwd() +'/dist/' + file.split('node_modules/vaderjs/runtime/').pop()).size
+
+    for await (var file of vaderGlob.scan(".")) {
+      file = file.replace(/\\/g, "/");
+      if (
+        fs.existsSync(
+          process.cwd() +
+            "/dist/" +
+            file.split("node_modules/vaderjs/runtime/").pop()
+        )
+      ) {
+        continue;
+      }
+      let data = await read(file);
+
+      file = file.replace(/\\/g, "/");
+
+      write(
+        process.cwd() +
+          "/dist/" +
+          file.split("node_modules/vaderjs/runtime/").pop(),
+        data
+      );
+
+      bundleSize += fs.statSync(
+        process.cwd() +
+          "/dist/" +
+          file.split("node_modules/vaderjs/runtime/").pop()
+      ).size;
     }
 
     // clean dist folder
-    for await( var file of distPages.scan('.')){
-       file = file.replace(/\\/g, '/');
-       let path = process.cwd() +'/pages/' + file.split('dist/pages/').pop() 
-       path = path.replace('.js', config?.files?.mimeType || '.jsx')
-       
-         if(!fs.existsSync(path)){
-                fs.unlinkSync(file)
-         }
-      
-    }
 
-    for await( var file of distSrc.scan('.')){
-        file = file.replace(/\\/g, '/');
-        let path = process.cwd() +'/src/' + file.split('dist/src/').pop()
-        // if the file is a js file see if theirs a matching ts file
-        if(file.split('.').pop() === 'js'){
-            let tsFile =  path.replace('.js', '.ts') 
-            // if the ts file exists then the js file is valid else if not the js file exists then remove
-           switch(true){
-            case !fs.existsSync(tsFile):
-                // check if a tsx or jsx file exists
-                let tsxFile =  path.replace('.js', '.tsx')
-                let jsxFile =  path.replace('.js', '.jsx')
-                let tsfile = path.replace('.js', '.ts')
-                switch(true){
-                    case fs.existsSync(tsxFile): 
-                        break; 
-                    case fs.existsSync(jsxFile):
-                        break;
-                    case  fs.existsSync(tsfile): 
-                    break
-                    default:
-                        fs.unlinkSync(file)
-                    break;
-                }
-                break;
-            case fs.existsSync(tsFile):
-                 
-                break;
-           }
-        } 
-     }
-
-        for await( var file of distPublic.scan('.')){
-            file = file.replace(/\\/g, '/');
-            let path = process.cwd() +'/public/' + file.split('dist/public/').pop()
-            if(!fs.existsSync(path)){
-                fs.unlinkSync(file)
-            }
-        }
+    for await (var file of distPages.scan(".")) {
+      file = file.replace(/\\/g, "/");
 
-        
+      let path = process.cwd() + "/pages/" + file.split("dist/pages/").pop();
 
-    /**
-     * @function organizeRoutes
-     * @description - Organizes routes that have param  paths
-     */
-
-    const organizeRoutes = () => {
-        // if path starts with the same path and is dynamic then they are the same route and push params to the same route
-        let newRoutes = []
-        routes.forEach((route) => {
-            let exists = routes.find((r) => r.path.startsWith(route.path) && r.isParam === true)
-            if(exists){
-                let b4Params = route.params  
-                 route.params = []
-                 route.params.push(b4Params)
-                 route.params.push( {
-                        jsFile:  '/pages/' + exists.path + '/index.js',
-                        folder: '/pages/' + exists.path,
-                        paramData:exists.params
-                    }
-                 )
-                 route.query = exists.query 
-                 newRoutes.push(route)
-            }
-            else if(!exists && !route.isParam){
-                newRoutes.push(route)
-               
-            }
-            //remove param route that matched
-            routes = routes.filter((r) =>  exists ? r.path !== exists.path : true)
-            
-        })
-        globalThis.routes = newRoutes
+      path = path.replace(".js", config?.files?.mimeType || ".jsx");
+
+      if (!fs.existsSync(path)) {
+        fs.unlinkSync(file);
+      }
     }
-    organizeRoutes()
- 
- 
-    if(globalThis.mode === 'dev' && !globalThis.oneAndDone || globalThis.mode === 'build'){
-         
-        /**
-         * @description - create an html file for each route
+
+    /**
+
+         * @function organizeRoutes
+
+         * @description - Organizes routes that have param  paths
+
          */
-        routes.forEach((r)=>{
-
-            
-            globalThis.generatorWs.send(JSON.stringify({
-                type:'generate',
-                PWD: process.cwd(),
-                output: process.cwd() + '/dist/pages/' + r.path + '/index.html',
-                file:  '/pages/' + r.path + '/index.js',
-                folder:'/pages/' + r.path,
-                params: JSON.stringify(r.params),
-            }))
-    
-        })  
-        let i = setInterval(() => {
-            if(hasGenerated.length === routes.length){ 
-                globalThis.generatorWs.send(JSON.stringify({
-                    type:'done'
-                }))
-                globalThis.oneAndDone = true
-                clearInterval(i)
-            }  
-        }, 1000)
+
+ 
+
+    globalThis.isBuilding = false;
+
+    if (!fs.existsSync(process.cwd() + "/_dev/meta")) {
+      fs.mkdirSync(process.cwd() + "/_dev/meta");
     }
-    generateProviderRoutes( )
-    globalThis.isBuilding = false
-    console.log(`Finished building ${Math.round(bundleSize / 1000)}kb`)
-    bundleSize = 0
-    return void 0;
     
+    // handle [{}]
+ 
+generateProviderRoutes();
+    write( process.cwd() + "/_dev/meta/routes.json", JSON.stringify(routes, null, 2));
+
+    console.log(`Finished building ${Math.round(bundleSize / 1000)}kb`);
+
+    bundleSize = 0;
+
+    resolve();
+  });
 }
-let port = 3000
+
+let port = 3000;
+let hasRan = [];
+
 switch (true) {
-    case process.argv.includes('dev') && !process.argv.includes('build') && !process.argv.includes('start'):
-   
-      port = process.env.PORT || process.argv.includes('-p') ? process.argv[process.argv.indexOf('-p') + 1] : 3000
-      globalThis.oneAndDone = false
-      console.log(`
-  Vader.js v${fs.readFileSync(process.cwd() + '/node_modules/vaderjs/package.json', 'utf8').split('"version": "')[1].split('"')[0]}
+  case process.argv.includes("dev") &&
+    !process.argv.includes("build") &&
+    !process.argv.includes("start"):
+    port = process.argv.includes("-p")
+      ? process.argv[process.argv.indexOf("-p") + 1]
+      : config?.dev?.port || 3000;
+
+    globalThis.oneAndDone = false;
+    let v = await checkIFUptodate();
+
+    console.log(`
+
+    ${
+      v.current !== v.latest
+        ? `Update available: ${v.latest} (current: ${v.current})`
+        : `Vader.js v${v.current}`
+    }
   - Watching for changes in ./pages
   - Watching for changes in ./src
   - Watching for changes in ./public
-  - Serving on port ${port}
-  `)
-      globalThis.mode = 'dev'
-        Server(port) 
-        transForm()
+  - Serving on port http://localhost:${port}
+
+  `);
+
+    globalThis.mode = "dev";
+
+    Server(port);
+    for (var ints in integrationStates) {
+      if (
+        integrationStates &&
+        integrationStates[ints]?.on &&
+        integrationStates[ints].on.includes("dev") &&
+        !hasRan.includes(integrationStates[ints].name)
+      ) {
+        console.log("Starting integration...");
+
+        let int = integrationStates[ints];
+
+        let { name, version, useRuntime, entryPoint, onAction, doOn } = int;
+
+        globalThis[`isRunning${name}`] = true;
+        console.log(`Using integration: ${name} v${version}`);
 
         Bun.spawn({
-            cwd: process.cwd() + '/node_modules/vaderjs/binaries/',
+          cwd: process.cwd(),
+
+          isVader: true,
+
+          env: {
+            PWD: process.cwd(),
+
+            isVader: true,
+
+            FOLDERS: "pages,src,public",
+
+            onExit: (code) => {
+              globalThis.isBuilding = false;
+
+              globalThis[`isRunning${name}`] = false;
+            },
+          },
+
+          cmd: [useRuntime || "node", entryPoint],
+        });
+
+        hasRan.push(integrationStates[ints].name);
+      }
+    }
+
+    transForm();
+
+    Bun.spawn({
+      cwd: process.cwd() + "/node_modules/vaderjs/binaries/",
+
+      env: {
+        PWD: process.cwd(),
+
+        IPC: IPC,
+
+        FOLDERS: "pages,src,public",
+
+        onExit: (code) => {
+          globalThis.isBuilding = false;
+
+          globalThis.oneAndDone = true;
+        },
+      },
+
+      cmd: ["node", "watcher.js"],
+    });
+
+    async function runOnChange() {
+      for (var ints in integrationStates) {
+        if (
+          integrationStates &&
+          integrationStates[ints].on &&
+          integrationStates[ints]?.on.includes("dev:change")
+        ) {
+          let int = integrationStates[ints];
+
+          let { name, version, useRuntime, entryPoint, onAction, doOn } = int;
+
+          if (globalThis[`isRunning${name}`]) {
+            setTimeout(() => {
+              globalThis[`isRunning${name}`] = false;
+            }, 1000);
+            return void 0;
+          }
+
+          globalThis[`isRunning${name}`] = true;
+          console.log(`Using integration: ${name} v${version}`);
+
+          Bun.spawn({
+            cwd: process.cwd(),
+
+            isVader: true,
+
             env: {
-                PWD: process.cwd(), 
-                FOLDERS: 'pages,src,public',
-                onExit: (code) => {
-                    globalThis.isBuilding = false
-                    globalThis.oneAndDone = true
-                }
+              PWD: process.cwd(),
+
+              isVader: true,
+
+              FOLDERS: "pages,src,public",
+
+              onExit: (code) => {
+                globalThis.isBuilding = false;
+
+                globalThis[`isRunning${name}`] = false;
+              },
             },
-            cmd: ['node', 'watcher.js'],
-        })
-       
-        const ws = new WebSocket(`ws://localhost:${3434}`)
-        ws.on('open', () => {
-            console.log('Watching for changes...')
-        }) 
-        ws.on('message', (message) => {
-            message =  JSON.parse(message.toString()) 
-            switch(true){
-                case message.type === 'change' && !globalThis.isBuilding:
-                    console.log('Rebuilding...')
-                    globalThis.clients.forEach((client) => {
-                        client.send('reload')
-                    })
-                    transForm()
-                break;
-                case message.type === 'add' && !globalThis.isBuilding:
-                    console.log('Rebuilding...')
-                    globalThis.clients.forEach((client) => {
-                        client.send('reload')
-                    })
-                    transForm()
-                break;
-            }
-            
-        })
-       
-      break;
-    case process.argv.includes('build') && !process.argv.includes('dev') && !process.argv.includes('start'):
-      globalThis.devMode = false
-      globalThis.isProduction = true
-      globalThis.routeStates = []
-      console.log(`
+
+            cmd: [useRuntime || "node", entryPoint],
+          });
+
+          console.log(`Using integration: ${name} v${version}`);
+        }
+      }
+    }
+
+    IPC.client({
+      use: IPCServer.typeEnums.WATCHER,
+
+      port: 3434,
+    }).Console.read(async (message) => {
+      message = message.msg;
+
+      switch (true) {
+        case message.data?.type === "change":
+          console.log("File changed:", message.data.filename);
+
+          transForm();
+
+          clients.forEach((client) => {
+            client.send("reload");
+          });
+
+          // reload config
+          config = await import(process.cwd() + "/vader.config.js").then((m) =>
+            m ? m.default : {}
+          );
+
+          runOnChange();
+
+          break;
+
+        case message.data?.type === "add":
+          console.log("File added:", message.data.filename);
+
+          transForm();
+
+          break;
+      }
+    });
+
+    break;
+
+  case process.argv.includes("build") &&
+    !process.argv.includes("dev") &&
+    !process.argv.includes("start"):
+    globalThis.devMode = false;
+
+    globalThis.mode = "prod";
+
+    globalThis.isProduction = true;
+
+    globalThis.routeStates = [];
+
+    console.log(`
   Vader.js v1.3.3 
   Building to ./dist
-  `)
-     
-      globalThis.mode = 'build'
-      transForm() 
-      break; 
-    case process.argv.includes('start') && !process.argv.includes('dev') && !process.argv.includes('build'):
-       port  = process.env.PORT || process.argv.includes('-p') ? process.argv[process.argv.indexOf('-p') + 1] : 3000
-        console.log(`
+  `);
+
+    transForm();
+
+    for (var ints in integrationStates) {
+      if (
+        integrationStates &&
+        integrationStates[ints].on &&
+        integrationStates[ints]?.on.includes("build")
+      ) {
+        console.log("Starting integration...");
+
+        let int = integrationStates[ints];
+
+        let { name, version, useRuntime, entryPoint, onAction, doOn } = int;
+
+        console.log(`Using integration: ${name} v${version}`);
+
+        Bun.spawn({
+          cwd: process.cwd(),
+
+          isVader: true,
+
+          env: {
+            PWD: process.cwd(),
+
+            isVader: true,
+
+            FOLDERS: "pages,src,public",
+
+            onExit: (code) => {
+              globalThis.isBuilding = false;
+            },
+          },
+
+          cmd: ["node", entryPoint],
+        });
+      }
+    }
+
+    break;
+
+  case process.argv.includes("start") &&
+    !process.argv.includes("dev") &&
+    !process.argv.includes("build"):
+    port = process.argv.includes("-p")
+      ? process.argv[process.argv.indexOf("-p") + 1]
+      : config?.host?.prod?.port || 3000;
+
+    console.log(`
+
 Vader.js v1.3.3 
+
 Serving ./dist on port ${port}
-url: http://localhost:${port}
-            `)
-        globalThis.devMode = false
-        globalThis.isProduction = true
-         
-         Server(port)
-        break;
-      default:
-     
-      break;
-  
-  }
+
+url: ${config?.host?.prod?.hostname || "http://localhost"}:${port}
+
+            `);
+
+    globalThis.devMode = false;
+
+    globalThis.isProduction = true;
+
+    Server(port);
+
+    break;
+
+  default:
+    break;
+}