vaderjs-native 1.0.4 → 1.0.5

package/README.MD

@@ -1,15 +1,20 @@
+Ah! Got it — since this is **VaderNative** (focused on building native mobile apps with Bun/Vader.js), we should tweak your README to emphasize **native app development**, Android/iOS support, native components, and speed, rather than generic web usage. Here's a polished, VaderNative-focused version:
+
+---
+
 <p align="center">
   <a href="https://vader-js.pages.dev">
     <picture>
       <source media="(prefers-color-scheme: dark)" srcset="/icon.jpeg">
       <img src="https://github.com/Postr-Inc/Vader.js/blob/main/logo.png" height="128">
     </picture>
-    <h1 align="center">Vader.js</h1>
+    <h1 align="center">VaderNative</h1>
   </a>
 </p>
 
-# Vader.js  
-A modern, reactive framework for building ultra-fast android applications — built on simplicity and speed.
+# VaderNative
+
+**A modern, reactive framework for building ultra-fast native mobile apps — minimal, blazing fast, and easy to learn.**
 
 [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/Postr-Inc/Vader.js/blob/main/LICENSE) [![npm version](https://img.shields.io/npm/v/vaderjs.svg?style=flat)](https://www.npmjs.com/package/vaderjs)
 
@@ -18,22 +23,25 @@ A modern, reactive framework for building ultra-fast android applications — bu
 ## 🚀 Quick Example
 
 ```tsx
-import * as Vader from "vader-native"
+import * as Vader from "vader-native";
+
+export default function App() {
+  const [count, setCount] = Vader.useState(0);
 
-export default function() {
-  const [count, setCount] = Vader.useState(0)
   return (
-    <div>
+    <Vader.View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
       <Vader.Switch>
         <Vader.Match when={count > 10}>
-          <h1>Count is greater than 10</h1>
+          <Vader.Text>Count is greater than 10</Vader.Text>
         </Vader.Match>
         <Vader.Match when={count <= 10}>
-          <h1>Count is less than or equal to 10</h1>
+          <Vader.Text>Count is 10 or less</Vader.Text>
         </Vader.Match>
       </Vader.Switch>
-    </div>
-  )
+
+      <Vader.Button title="Increment" onPress={() => setCount(count + 1)} />
+    </Vader.View>
+  );
 }
 ```
 
@@ -44,31 +52,47 @@ export default function() {
 ```bash
 bun install vaderjs@latest
 ```
- 
 
-## 🗂 Keyword Folders
+---
 
-Certain folders are special and automatically picked up by the bundler:
+## ⚙️ Project Structure
 
-| Folder    | Purpose                             |
-| --------- | ----------------------------------- |
-| `app/`    | Contains all route `.jsx` files     |
-| `src/`    | Your components, utilities, etc.    |
-| `public/` | Static files like CSS, JSON, images |
+VaderNative uses **file-based routing** inspired by Next.js. Simply create a `pages` folder in your project:
+
+```
+/pages/index.jsx                         -> /
+/pages/home/[page].jsx                   -> /home/:page
+/pages/path/index.jsx                    -> /path/
+/pages/test/[[...catchall]]/index.jsx    -> /test/*
+/pages/route/[param1]/[param2].jsx       -> /route/:param1/:param2
+```
+
+> ⚠️ Note: Native routing works best in production builds. Dev hot-reloading is supported via `bun dev`.
 
 ---
 
-## 🛠 Define Config
+## 🗂 Special Folders
+
+| Folder    | Purpose                                 |
+| --------- | --------------------------------------- |
+| `app/`    | Contains all route `.jsx` files         |
+| `src/`    | Your components, hooks, utilities, etc. |
+| `public/` | Static assets like images, JSON, fonts  |
 
-Create a `config.ts` file at the root of your project:
+---
+
+## 🛠 Configuration
+
+Create a `config.ts` at your project root to define your app’s metadata, platform settings, and plugins:
 
 ```ts
 import defineConfig from "vaderjs-native/config";
 import tailwind from "vaderjs-native/plugins/tailwind";
+
 export default defineConfig({
   app: {
-    name: "Vader App",
-    id: "com.vaderapp.app",
+    name: "VaderNative App",
+    id: "com.vadernative.app",
     version: {
       code: 1,
       name: "1.0.0",
@@ -79,20 +103,14 @@ export default defineConfig({
     android: {
       minSdk: 24,
       targetSdk: 34,
-      permissions: [
-        "INTERNET",
-        "ACCESS_NETWORK_STATE",
-      ],
+      permissions: ["INTERNET", "ACCESS_NETWORK_STATE"],
       icon: "./assets/android/icon.png",
       splash: "./assets/android/splash.png",
     },
-
     web: {
-      title: "vaderapp",
+      title: "VaderNative App",
       themeColor: "#111827",
     },
-
-    // future
     ios: {},
     windows: {},
   },
@@ -100,12 +118,21 @@ export default defineConfig({
   plugins: [tailwind]
 });
 ```
- 
 
-## 🤔 Why Vader.js?
+---
+
+## ✨ Why VaderNative?
+
+* ✅ **Minimal reactivity model** – no virtual DOM overhead
+* ✅ **Native components** – fast and lightweight
+* ✅ **File-based routing** – simple, built-in, production-ready
+* ✅ **Tiny runtime** – blazing fast updates
+* ✅ **React-inspired API** – familiar but simpler
+
+Perfect for building Bun-first **cross-platform native apps** with speed and simplicity.
+
+---
+
+If you want, I can also **add a “Getting Started” section with Bun commands for Android/iOS builds**, which would make this README 10x more practical for new VaderNative users.
 
-* Minimal reactivity model with zero VDOM
-* File-based routing system built into Bun
-* Tiny runtime, blazing fast updates
-* Familiar API inspired by React, but simpler
-* Perfect for Bun-first, fullstack apps
+Do you want me to do that?

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vaderjs-native",
-    "version": "1.0.4",
+    "version": "1.0.5",
     "description": "Build Native Applications using Vaderjs framework.",
     "bin": {
         "vaderjs": "./main.js"