vaderjs 1.4.2-yml56 → 1.4.3

package/client/runtime/router.js

@@ -1,235 +0,0 @@
-/**
- * @fileoverview - A simple router for vaderjs - Kuai
- * @version - 1.0.0
- */
-export class Kuai{
-    constructor(config = { container: '#app'}){
-        this.routes = [];
-        this.middleware = [];
-        this.container =  config.container ? config.container : document.getElementById('app');
-        this.renderPlugins = [];
-    }
-  
-    res = {
-        /** 
-         * @description render text to the container
-         * @param {string} data 
-         */
-        text: (data) => {
-            this.container.innerHTML = data;
-        },
-        /**
-         * @method html
-         * @description render html to the container
-         * @param {any} data 
-         * @returns 
-         */
-        html: (data) => {
-            switch(typeof data){
-                case 'function':
-                    if(this.renderPlugins.length > 0){
-                        this.renderPlugins.forEach((plugin) => {
-                            if(plugin.for === 'html'){
-                                console.log('Plugin', plugin)
-                                plugin.plugin(data, this.container)
-                            }
-                        })
-                        return;
-                    }
-                    this.container.innerHTML = data();
-                    break;
-                case 'string':
-                    this.container.innerHTML = data;
-                    break;
-            } 
-  
-        },
-        /**
-         * @method json
-         * @description render json to the container
-         * @param {Object} data 
-         */
-        json: (data) => {
-            this.container.innerHTML =  `<Oject data=${JSON.stringify(data)}></Object>`
-        }
-    }
-    req = {
-        /**
-         * @method navigate
-         * @description - navigate to a new route
-         * @param {string} path 
-         */
-        navigate: (path) => {
-            window.history.pushState({}, '', path);
-            let currentPath = this.match(window.location.pathname.replace('/index.html', ''))
-            if(currentPath){
-                this.currentRoute = currentPath.path
-                currentPath.callback(this.res, currentPath.params, this.extractQueryParams(window.location.search));
-            }
-        },
-        /**
-         * @method back
-         * @description - go back to the previous route
-         */
-        back: () => {
-            window.history.back();
-        },
-
-        /**
-         * @method forward
-         * @description - go forward to the next route
-         * @returns {void}
-         * **/
-        forward: () => {
-            window.history.forward();
-        },
-        url: window.location
-    }
-    /**
-     * @private
-     */
-    extractQueryParams(path){
-        let params = new URLSearchParams(path);
-        let query = {};
-        for(let param of params){
-            query[param[0]] = param[1];
-        }
-        return query;
-    }
-     /**
-     * @private
-     */
-    extractParams(routePath, currentPath){
-        const routeParts = routePath.split('/').filter((part) => part !== '');
-        const hashParts = currentPath.split('/').filter((part) => part !== ''); 
-        const params = {};
-        routeParts.forEach((part, index) => {
-          if (part.startsWith(':')) {
-            const paramName = part.slice(1);
-            params[paramName] = hashParts[index];
-          }else if(part.startsWith('*')){ 
-            let array = hashParts.slice(index)
-            array.forEach((i, index)=>{
-              params[index] = i
-            })
-          };
-        });
-        return params;
-    }
-    use(path, middleware){
-        this.middleware.push({path, middleware}); 
-    }
-    /**
-     * @method usePlugin
-     * @description - add a plugin to handle how the route should be rendered
-     * @param {Function} plugin 
-     * @param {('html')} method 
-     */
-    usePlugin(plugin, method){
-        this.renderPlugins.push({plugin, for: method})
-    }
-    /**
-     * @method match
-     * @description - match a route to the current path and return the route object
-     * @param {string} route 
-     * @returns  {Object} -  {path: string, callback: Function, params: Object}
-     */
-    match(hash){
-        hash = hash.endsWith('/') ? hash.slice(0, -1) : hash;  
-        hash.includes('index.html') ? hash = hash.replace('index.html', '') : null;
-        if(hash.includes('?')){
-          hash = hash.split('?')[0]
-       } 
-        let route = this.routes.find((route) => {  
-          if (route.path === hash) { 
-            return true;
-          }
-  
-          if(hash === '' && route.path === '/'){
-            return true
-          }
-      
-          
-          if (route.path.includes('*') || route.path.includes(':')) {
-            const routeParts = route.path.split('/').filter((part) => part !== ''); 
-            const hashParts = hash.split('/').filter((part) => part !== '');  
-              if(this.basePath){
-                  hashParts.shift();
-              } 
-            if (routeParts.length !== hashParts.length && !route.path.endsWith('*')) { 
-              return false;
-            }
-      
-            for (let index = 0; index < routeParts.length; index++) {
-              const routePart = routeParts[index];
-              const hashPart = hashParts[index];
-               
-      
-              if (routePart.startsWith(':') || routePart.startsWith('*')) {
-                 
-                continue;
-              }
-      
-              if (routePart !== hashPart) { 
-                return false;
-              }
-            } 
-       
-  
-            return true;
-          }  
-          
-        });  
-        if(route){
-          let params = this.extractParams(route.path, hash)
-          return { ...route, params}
-        }
-        return null;
-   
-    }
-  
-    /**
-     * @description - create a new route
-     * @param {string} path 
-     * @param {Function} callback 
-     */
-    get(path, callback){
-        this.routes.push({path, callback});
-    }
-  
-    /**
-     * @method listen
-     * @description - listen for route changes
-     */
-    listen(){ 
-        let currentPath = this.match(window.location.pathname.replace('/index.html', '')) 
-        if(currentPath){
-            this.middleware.forEach((middleware) => {
-                if(middleware.path === currentPath.path){
-                    middleware.middleware();
-                }
-            });
-            this.currentRoute = currentPath.path
-            let obj = {
-                ...this.res,
-                res: this.res,
-                req:{
-                    ...this.req,
-                    params: (param) => currentPath.params[param]
-                
-                }
-            }
-            currentPath.callback(obj);
-        }
-        window.onpopstate = () => {
-            let currentPath = this.match(window.location.pathname.replace('/index.html', ''))
-            if(currentPath){
-                this.currentRoute = currentPath.path
-                currentPath.callback(this.res, currentPath.params, this.extractQueryParams(window.location.search));
-            }
-        }
-    
-    }
-  }
-  
-  export default Kuai;

package/plugins/cloudflare/functions/index.js

@@ -1,98 +0,0 @@
-import { Glob } from 'bun'
-import fs from 'fs'
-const glob = new Glob("/**/*.{ts,tsx,js,jsx}", {
-    absolute: true,
-}); 
-/**
- * @description This function generates cloudflare functions from the routes folder
- */
-async function generate(){
-    let config   = await import(process.cwd() + '/vader.config.js').then((config) => { return config.default })
-    let start = Date.now()
-    for(var i of glob.scanSync({cwd: process.cwd() + '/routes', absolute: true})){ 
-        let data = await Bun.file(i).text()
-        let method = ''
-        i = i.replaceAll('\\', '/').replace(process.cwd(), '')
-        if(!data.includes(data.match(new RegExp('export\\s+default')))){
-         throw new Error('File must have a default export')
-        }
-        data.split('\n').forEach((line, index) => { 
-          if(line.includes('GET') || line.includes('POST') || line.includes('PUT') || line.includes('DELETE') && line.includes('function')){
-            line =  line.replace(/export\s+default\s+async\s+function/g, line.includes('async') ? 'async function' : 'function')
-            method = line.split('function')[1].split('(')[0].trim()
-            data = data.replace(data.split('\n')[index], line)
-            data = data + `\nexport  async function onRequest${method.toLowerCase().charAt(0).toUpperCase() + method.toLowerCase().slice(1)}(request){
-              let req = {
-                url: request.request.url,
-                method: request.request.method,
-                headers:  request.request.headers,
-            }
-            let res = {
-                params: (param) => {
-                    return request.params[param]
-                },
-                query: (param) => {
-                   let url = new URL(request.request.url)
-                   return url.searchParams.get(param)
-                }
-            } 
-              let response = await ${method}({req, res})
-              return response
-            }
-            `
-          }
-        }); 
-
-        let env =  `globalThis.env = {
-            
-                    ${
-                        Object.keys(config?.env).map((key) => {
-                            return `${key}:"${config.env[key]}",`
-                        } ).join('\n')
-                    }
-                   ${Object.keys(process.env).map((key) => {
-                    let value = process.env[key].replace(/"/g, '\\"')
-                    value = value.replace(/\\n/g, '\\n') // remove new lines
-                    value = value.replace(/\\r/g, '\\r') // remove carriage returns
-                    value = value.replace(/\\t/g, '\\t') // remove tabs
-                    value = value.replace('/\/g', '\\\\') // remove octal escape sequences
-                    // remove octal escape sequences
-                    value = value.replace(/\\[0-7]{1,3}/g, ''); 
-                    return `${key}:"${value}"`
-                } ).join(',\n') 
-            }
-        };
-        `  
-        // make env all on one line
-        env = env.replace(/\n/g, '')
-        data = env + data
-  
-         
-        fs.mkdirSync(process.cwd() + '/build/functions' + i.split('/routes')[1].split('/').slice(0, -1).join('/'), { recursive: true })
-        fs.writeFileSync(process.cwd() + '/build/functions/' + i.split('/routes')[1].replace('.ts', '.js').replace('.tsx', '.js').replace('.jsx', '.js'), data)
-         
-        let nodeModules = process.cwd() + '/node_modules/vaderjs/plugins/cloudflare/toCopy'
-        let glb = new Glob('**/*', {
-          absolute: true,
-          cwd: nodeModules
-        })
-        for(var file of glb.scanSync({cwd: nodeModules, absolute: true})){ 
-          file = file.replaceAll('\\', '/').replace(nodeModules, '')
-          if(fs.existsSync('build/' + file.split('/toCopy')[1])) continue
-          let data = await Bun.file(file).text() 
-          let path = file.split('/toCopy')[1] 
-          Bun.write(process.cwd() + '/build/' + path, data)
-        }
-      }
-        console.log(`\x1b[32msuccess \x1b[0m - Cloudflare Functions Compiled in: ${Date.now() - start}ms`)
-}
-export default {
-    name: 'Cloudflare Functions Plugin',
-    description: 'This plugin utilizes cloudflare functios for server side rendering',
-    version: '0.0.1', 
-    type: "SSR",
-    init: async (path, options) => {
-        console.log(`\x1b[32mevent \x1b[0m - Cloudflare Functions Plugin Initialized`)
-        await generate()
-    }  
-}