vaderjs 1.4.2 → 1.4.4

package/{README.md → README.MD}

@@ -26,8 +26,7 @@ Create a pages folder - which allows you to have nextjs page like routing via bu
 
 Tip: Each folder can be deep nested up to 4 levels!
 
-```md
-
+```md 
 /pages/index.jsx = /
 /pages/home/[page].jsx  = /home/:page
 /pages/path/index.jsx = /path/
@@ -38,29 +37,20 @@ Tip: Each folder can be deep nested up to 4 levels!
 Keyword folders - all files are passed from these folders to the build folder
 
 ```md
-1. pages - used for jsx route files
-2. src  - used for your jsx components / javascript files
-3. public - used for anything 
+1. app - used for jsx route files 
+2. public - used for anything / css / json etc
 ```
 
 
 # Define your config
 
 ```ts
-import { defineConfig } from "vaderjs/config"; 
-import cloudflare from "vaderjs/plugins/cloudflare/functions"
+import defineConfig from "../config";
+
 export default defineConfig({
-    target: "web",
-    host: {
-        hostname: "localhost",
-        provider:'cloudflare'
-    }, 
-    env: {
-        PORT: 3000,
-        SSR: true,
-        apiRoute: "https://api.example.com"
-    }, 
-    plugins: [cloudflare],
-});
+    port: 3000,
+    host: 'localhost', 
+    hot_reload: true,
+})
 
 ```

package/config/index.ts

@@ -1,68 +1,14 @@
-/**
- * @description Instruct the compiler to use the provided configuration
- * @typedef {Object} Config
- * @property {string} target - The target environment
- * @property {Object} host - The host object
- * @property {string} host.hostname - The hostname of the application
- * @property {string} host.provider - The provider of the application
- * @property {Object} compilerOptions - The compiler options
- * @property {string} compilerOptions.outDir - The output directory
- * @property {string} compilerOptions.target - The target of the compiler
- * @property {any[]} plugins - The plugins to be used in the application
- * @property {string} mode - The mode of the application
- * @param config  - The configuration object 
- * @returns 
- */
-/**
- * Defines the configuration options for VaderJS.
- * @param {Object} config - The configuration object.
- * @param {string} config.target - The target platform for the code ('web' or 'bun').
- * @param {Object} [config.host] - The host configuration.
- * @param {string} [config.host.hostname] - The hostname for the host.
- * @param {('vercel','netlify')} [config.host.provider] - The provider for the host ('vercel', 'netlify', 'aws', 'azure', 'gcp').
- * @param {number} [config.host.port] - The port number for the host.
- * @param {Object} [config.compilerOptions] - The compiler options.
- * @param {string} [config.compilerOptions.outDir] - The output directory for the compiled code.
- * @param {string} [config.mode] - The mode for the configuration.
- * @param {Array} [config.plugins] - The plugins for the configuration.
- * @param {Object} [config.env] - The environment variables for the configuration.
- * @returns {Object} The configured object.
- */
-export const defineConfig = (config: { 
-    /**
-     * @type {string}
-     * @param {('web'|'bun')} target
-     */
-    target:string,
-    host?: {
-        hostname?: string,
-        /**
-         * @param {('vercel', 'netlify', 'aws', 'azure', 'gcp')} provider
-         */
-        provider?: string,
-        port?: number
-    },
-    compilerOptions?: {
-        outDir?: string, 
-    },
-    mode?: string,
-    plugins?: any[]
-    env?: {
-        [key: string]: any
-    }
-}) => {
-    // add config.env to globalThis.env
-    let env = {}
-    if(config.env){
-        for(let key in config.env){
-            env[key] = config.env[key]
-        }
-        for(let key in globalThis.env){
-            env[key] = globalThis.env[key]
-        }
-    }
+type Config = {
+  port: number,
+  host?: string, 
+  plugins?: any[],
+  generateTypes?: boolean,
+  host_provider?: 'vercel' | 'netlify' | 'aws' | 'gcp' | 'azure' | 'heroku' | 'custom' | 'none',
+  host_provider_options?:  {
+    [key: string]: any
+  },
+}
 
-    //@ts-ignore
-    globalThis.env = env
-    return config
+export default function defineConfig(config: Config) {
+  return config
 }

package/document/index.ts

@@ -0,0 +1,49 @@
+export const document = (element: any) => {
+   let type = element.type;
+   let el = `<${type}`;
+   let attributes = element.props;
+   let children = element.children;
+    for (let key in attributes) {
+      if(key === "key"){ 
+         el += ` key="${attributes[key]}"`;
+         continue;
+      }
+      if (key === "className") {
+         el += ` class="${attributes[key]}"`;
+         continue;
+      }
+      if (key === "style") {
+         let style = "";
+         for (let styleKey in attributes[key]) {
+            style += `${styleKey}:${attributes[key][styleKey]};`;
+         }
+         el += ` style="${style}"`;
+         continue;
+      }
+      //@ts-ignore
+      if (key.includes("on")) { 
+         continue;
+      }
+      el += ` ${key}="${attributes[key]}"`;
+
+    }
+    el += ">";
+    for (let i = 0;i < children.length; i++) {
+      let child = children[i];
+      if (Array.isArray(child)) {
+         child.forEach((c) => {
+            el += document(c);
+         });
+      }
+      if(typeof child === "function"){
+         el += document(child());
+      }else
+      if (typeof child === "object") {
+         el += document(child);
+      }else{ 
+         el += child;
+      }
+    }
+    el += `</${type}>`;
+    return el;
+}