npm - vaderjs - Versions diffs - 1.4.2-kml56 → 1.4.2-npiml56 - Mend

vaderjs 1.4.2-kml56 → 1.4.2-npiml56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/README.md +14 -4
package/binaries/Kalix/index.js +20 -12
package/binaries/compiler/main.js +99 -20
package/binaries/vader.js +0 -0
package/binaries/watcher/hmr.js +5 -0
package/client/runtime/index.js +239 -236
package/config/index.ts +20 -1
package/package.json +2 -3
package/plugins/cloudflare/functions/index.js +4 -0
package/plugins/cloudflare/toCopy/@server/Kalix/index.js +62 -14
package/plugins/cloudflare/toCopy/src/client.js +240 -252
package/plugins/ssg/index.js +94 -21
package/plugins/tailwindcss/index.ts +93 -0
package/router/index.ts +37 -10
package/server/index.js +16 -2
/package/{vader.js → vader_dev.js} +0 -0

package/config/index.ts CHANGED Viewed

@@ -26,6 +26,11 @@
  * @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.
+ * @param {Array} [config.Router] -  The router configuration.
+ * @param {Object} [config.Router.tls] - The tls configuration - allows you to switch the server to https.
+ * @param {string} [config.Router.tls.cert] - The certificate for the tls configuration.
+ * @param {string} [config.Router.tls.key] - The key for the tls configuration.
+ * @param {Object} [config.Router.headers] - The headers for the router configuration.
  * @returns {Object} The configured object.
  */
 export const defineConfig = (config: {
@@ -46,10 +51,24 @@ export const defineConfig = (config: {
         outDir?: string,
     },
     mode?: string,
+    /**
+     * @type {any[]}
+     * @description Allows you to extend the functionality of vaderjs
+     */
     plugins?: any[]
     env?: {
         [key: string]: any
-    }
+    },
+    Router?: {
+        tls?: {
+            cert?: string,
+            key?: string
+        },
+        headers?: {
+            [key: string]: string
+        }
+    },
+    [key: string]: any
 }) => {
     // add config.env to globalThis.env
     let env = {}

package/package.json CHANGED Viewed

@@ -1,8 +1,7 @@
 {
   "name": "vaderjs",
   "description": "A reactive framework for building fast and scalable web applications",
-  "version": "1.4.2-kml56",
-  "main": "vader.js",
+  "version": "1.4.2-npiml56",
   "author": {
     "name": "Malikwhitten67",
     "email": "malikwhitterb@gmail.com"
@@ -14,7 +13,7 @@
   },
   "type": "module",
   "bin":{
-    "vader":"./vader.js"
+    "vader":"./vader_dev.js"
   },
   "dependencies": {
     "ws": "latest"

package/plugins/cloudflare/functions/index.js CHANGED Viewed

@@ -8,6 +8,10 @@ const glob = new Glob("/**/*.{ts,tsx,js,jsx}", {
  */
 async function generate(){
     let config   = await import(process.cwd() + '/vader.config.js').then((config) => { return config.default })
+    if(!config?.env || !config?.env.SSR){
+       console.error('\x1b[31m[CloudFlare Functions] \x1b[0m -  Please add an SSR environment variable to your vader.config.js file')
+        return
+    }
     let start = Date.now()
     for(var i of glob.scanSync({cwd: process.cwd() + '/routes', absolute: true})){
         let data = await Bun.file(i).text()

package/plugins/cloudflare/toCopy/@server/Kalix/index.js CHANGED Viewed

@@ -10,10 +10,40 @@ export class DOMParser {
      */
     parseFromString(html) {
         let doc = new Document();
-        return {
-            error: "Not implemented",
-        }
+        let t = new Bun.Transpiler({
+            loader: "tsx", // "js | "jsx" | "ts" | "tsx",
+            target: "browser",
+            define: {
+                "jsxDEV": "Element",
+                "jsx": "Element"
+            }
+        });
+        let el = t.transformSync(`
+        const html = ${html}
+        function Doc() {
+            return (
+               <html>
+               <body>${html}</body>
+               </html>
+            )
+          }
+         return Doc()
+        ` )
+        el = el.replaceAll(`jsxDEV`, `Element`)
+        let evaluated = eval(`(function(){${el}})()`)
+        evaluated.children.forEach((child) => {
+            child.outerHTML = child.toString()
+        })
+        doc.tree = evaluated.children
+        doc.body = evaluated.children[0]
+        doc.body.outerHTML = evaluated.children[0].toString()
+        doc.body.firstChild = evaluated.children[0].children[0]
+        doc.documentElement = evaluated
+        doc.documentElement.outerHTML = evaluated.children[0].toString()
+        this.tree = evaluated.children
+        return doc
     }
     /**
      * @description - Returns a string containing the HTML serialization of the element's descendants.
@@ -37,7 +67,7 @@ export class HTMLTextNode {
     }
     insertBefore(node) {
-        this.nodeValue = `${node.toString()}${this.nodeValue}`;
+        this.nodeValue = `${node.nodeValue}${this.nodeValue}`;
         return this;
     }
 }
@@ -81,7 +111,7 @@ export class HTMLElement {
                     if (key !== 'style' && key !== 'ref' && !key.startsWith('on')) {
                         props += `${key}="${this.props[key]}" `
                     }
-                }
+                }
                 let children = this.children
                     .map((child) => {
                         return child.toString();
@@ -123,7 +153,9 @@ export class HTMLElement {
                         }
                     })
                     .join("");
-                return string;
+                return string;
             default:
                 break;
         }
@@ -150,8 +182,8 @@ export class HTMLElement {
      * @returns {HTMLElement}
      */
      setContent(content) {
-        let textNode = new HTMLTextNode(content);
-        this.children = [textNode];
+        let textNode = new  HTMLTextNode(content)
+        this.children = [textNode];
         this.outerHTML = this.toString("outerHTML");
         this.innerHTML = this.toString("innerHTML");
         return this;
@@ -319,7 +351,7 @@ export class HTMLElement {
                     this.textContent = this.toString("innerText");
                     this.children.forEach((c) => {
                         if (c.children) {
-                            child = c.children.find((child) => {
+                            child = c.children.find((child) => {
                                 child.outerHTML = child.toString("outerHTML");
                                 child.innerHTML = child.toString("innerHTML");
                                 return child.tagName === selector;
@@ -407,6 +439,9 @@ export class Document {
      * @returns {HTMLElement}
      */
     createElement(nodeData) {
+        if(!nodeData){
+            return new HTMLElement("div", {}, [])
+        }
         if (typeof nodeData === 'string') {
             return new HTMLElement(nodeData, {}, [])
         }
@@ -526,7 +561,17 @@ function handleStyles(styles, nodeEl) {
  */
 export function Element(tag, props = {}, ...children) {
     if(typeof tag === 'function'){
-        let el = tag(props, children)
+        let childObj = children.map((child) => {
+            if (child.tagName === "TEXT_ELEMENT") {
+                return new HTMLTextNode(child);
+            }
+            if (child instanceof HTMLElement) {
+                return child;
+            }
+            return new HTMLElement(child.tagName, child.props, child.children);
+        })
+        childObj = childObj[0]
+        let el = tag({...props, children: childObj})
         return el
     }
     if(props === null){
@@ -592,9 +637,12 @@ export function Element(tag, props = {}, ...children) {
         node.children = children
         delete props.children
-    }
+    }
     for (var i = 0; i < children.length; i++) {
+        if(typeof children[i] === 'undefined'){
+            delete children[i]
+            continue;
+        }
         if (typeof children[i] === "string" || typeof children[i] === "number") {
             children[i] = {
                 tagName: "TEXT_ELEMENT",
@@ -607,7 +655,7 @@ export function Element(tag, props = {}, ...children) {
         } else {
             if (children[i]) {
                 children[i].parentNode = { tagName: tag, props: props, children: children };
-            }
+            }
             children[i] = new HTMLElement(children[i].tagName, children[i].props, children[i].children)
         }