npm - vaderjs - Versions diffs - 1.9.7 → 1.9.8 - Mend

vaderjs 1.9.7 → 1.9.8

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 (6) hide show

package/README.MD +2 -0
package/bundler/index.js +7 -4
package/document/index.ts +4 -1
package/examples/counter/index.jsx +1 -1
package/main.js +26 -14
package/package.json +2 -2

package/README.MD CHANGED Viewed

@@ -42,6 +42,8 @@ bun install vaderjs @latest
 # Project Setup
 Create a pages folder - which allows you to have nextjs page like routing via buns file based router
+> Note only use this when using production server - not supported by cloudflare, github or vercel
 Tip: Each folder can be deep nested up to 4 levels!
 ```md

package/bundler/index.js CHANGED Viewed

@@ -197,15 +197,18 @@ const generatePage = async (
   await Bun.write(
     process.cwd() + "/dist/" + route + "/index.html",
     `<!DOCTYPE html>
-       ${process.env.bindes}
-      ${h}
-      <script type="module">
+     <head>
+      <script  defer type="module">
         import c from '${process.env.filePath}'
         import {render, e} from '/src/vader/index.js'
         window.e = e
         render(c, document.body)
       </script>
+       ${process.env.bindes}
+      </head>
+      ${h}
             `
   );
   console.log(

package/document/index.ts CHANGED Viewed

@@ -45,7 +45,10 @@ export const document = (element: any) => {
          });
       }
       if(typeof child === "function"){
-         el += document(child())
+         let out =  document(child());
+         if(out !== null || out !== false || out !== undefined){
+            el += out;
+         }
       }else
       if (typeof child === "object") {
          el += document(child);

package/examples/counter/index.jsx CHANGED Viewed

@@ -7,4 +7,4 @@ export default function App() {
             <button onClick={() => setCount(count + 1)}>Increment</button>
         </div>
     );
-}
+}

package/main.js CHANGED Viewed

@@ -217,16 +217,28 @@ async function generateApp() {
             r = r.replace('.jsx', '.js').replace('.tsx', '.js')
             fs.mkdirSync(path.join(process.cwd() + '/dist', path.dirname(r)), { recursive: true })
             let params = routes.match(route).params || {}
-            // handle route params multiple and
-            fs.writeFileSync(process.cwd() + '/dist/' + path.dirname(r) + '/' + path.basename(r), `
-        let route = window.location.pathname.split('/').filter(v => v !== '')
-        let params = {
-            ${Object.keys(routes.match(route).params || {}).length > 0 ? Object.keys(routes.match(route).params || {}).map(p => {
-                return `${p}: route[${Object.keys(routes.match(route).params || {}).indexOf(p)}]`
-            }).join(',') : ""}
-        }
-        \n${code}
-        `)
+            let base = routes.match(route)
+            let paramIndexes = []
+            console.log(base)
+            for (let param in params) {
+                let  routes = base.pathname.split('/')
+                let index = routes.indexOf('[' + param + ']')
+                paramIndexes.push(index)
+            }
+            // dont return
+            fs.writeFileSync(
+                process.cwd() + '/dist/' + path.dirname(r) + '/' + path.basename(r),
+                `
+                      let route = window.location.pathname.split('/').filter(Boolean)
+                      let params = {
+                       ${Object.keys(params).map(p =>  `${p}: route[${paramIndexes[Object.keys(params).indexOf(p)]}]`).join(',\n')}
+                      }
+                      \n${code}
+                  `
+            );
             fs.mkdirSync(process.cwd() + '/dev', { recursive: true })
@@ -521,12 +533,12 @@ if (mode == 'development' || mode == 'serve') {
                 <meta http-equiv="refresh" content="5">
                 </head>
                 <body>
-                <h1>404 Not Found</h1>
-                <p>Route not found</p>
+                 <p>Rerouting to display changes from server</p>
                 </body>
-                `, { status: 404 }, {
+                `, {
                     headers: {
-                        'Content-Type': 'text/html'
+                        'Content-Type': 'text/html',
+                        'Cache-Control': 'no-cache'
                     }
                 })
             }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "vaderjs",
-    "version": "1.9.7",
+    "version": "1.9.8",
     "description": "A simple and powerful JavaScript library for building modern web applications.",
     "bin": {
         "vaderjs": "./main.js"
@@ -13,4 +13,4 @@
     "dependencies": {
         "ansi-colors": "latest"
     }
-}
+}