vaderjs 1.3.3-alpha-5 → 1.3.3-alpha-7

package/README.md

@@ -14,37 +14,24 @@
 
  
 
-## Get Started
+## Get Started 
 
-1. Install Bun.js 
+2. Install vaderjs
 
-Need more help? [Bun guide](https://bun.sh/docs/installation)
-
-```sh
- curl -fsSL https://bun.sh/install | bash # for macOS, Linux, and WSL
+ ```bash
+   npm i vaderjs@latest
  ```
 
-> Skip if you are not using windows!
-[How to open folder in wsl](https://code.visualstudio.com/docs/remote/wsl)
-
-1. Open a WSL terminal window (using the start menu item or by typing wsl from a command prompt / PowerShell).
-
-2. Navigate to a folder you'd like to open in VS Code (including, but not limited to, Windows filesystem mounts like /mnt/c)
+3. Install five server - recommended to watch the index.html file as you edit your code
 
-3. Type code . in the terminal. When doing this for the first time, you should see VS Code fetching components needed to run in WSL. This should only take a short while, and is only needed once.
+[Vscode 5 Server](https://marketplace.visualstudio.com/items?itemName=yandeu.five-server)
 
-Open folder in vsc - open terminal and type wsl then type `code .` and continue to the next step
-
-2. Installing vaderjs
-
- ```bash
-   npm i vaderjs
- ```
-
-3.  Create Proper Folders
+4.  Create Proper Folders
 
 Create a pages folder - which allows you to have nextjs page like routing via buns file based router
 
+Tip: Each folder can be deep nested up to 4 levels!
+
 ```bash
 /pages/index.jsx = /
 /pages/home/[page].jsx  = /home/:page
@@ -62,14 +49,13 @@ public - used for anything
 
  
 
-4. And your done - Run `bun run vader --build` and the compiled output is visible inside of the `/dist/` folder!
+5. And your done - Run `npx vaderjs` and the compiled output is visible inside of the `/dist/` folder!
 
 
 ## Key Features & Examples
  
 ### File based routing
-vader's compiler automatically handles routing so you wont need to!
-below is valid paths for parsing per [Buns fileSystem Routing Api](https://bun.sh/docs/api/file-system-router)
+vader's compiler automatically handles routing so you wont need to! - it uses a similar page routing to nextjs
 
 ```bash
 /pages/index.jsx = /
@@ -78,7 +64,7 @@ below is valid paths for parsing per [Buns fileSystem Routing Api](https://bun.s
 
  
 ```
-You can grab the request object  from `this.request` and response object from `this.response!`
+For pages that have [params] you can derive it using this.request
  
 
 ### Simplified Component Creation
@@ -145,6 +131,10 @@ Vaderjs allows you to bind functions directly to html elements just like react
 function click(event, otherparams){
     console.log(event.target, otherparams)
 }
+
+const hello = function(event, otherparams){
+  
+}
  
 return <>
  <button onclick={()=>click()}>Click Me</button>

package/package.json

@@ -2,7 +2,7 @@
   "name": "vaderjs",
   "description": "A Reactive library aimed to helping you build reactive applications inspired by react.js",
   "module": "vader.js",
-  "version": "1.3.3-alpha-5",
+  "version": "1.3.3-alpha-7",
   "bin": {
     "vader": "./vader.js"
   },

package/vader.js

@@ -741,14 +741,15 @@ Building to ./dist
     break;
   default:
     console.log(`
-Vader.js is a reactive framework for building interactive applications for the web built ontop of bun.js!
+Vader.js is a reactive framework for building interactive applications inspired by React.js and Next.js
 
 Usage: vader <command> 
 
 Commands:
   --watch     Watch the pages folder for changes and recompile 
 
-  --build     Build the project
+  --build     Build the project - use this to initialize the project
+  
 Learn more about vader:           https://vader-js.pages.dev/
     
 `)