vaderjs-native 1.0.1 → 1.0.2

package/README.MD

@@ -21,17 +21,17 @@ A modern, reactive framework for building ultra-fast android applications — bu
 import * as Vader from "vader-native"
 
 export default function() {
-  const [count, setCount] = useState(0)
+  const [count, setCount] = Vader.useState(0)
   return (
     <div>
-      <Switch>
-        <Match when={count > 10}>
+      <Vader.Switch>
+        <Vader.Match when={count > 10}>
           <h1>Count is greater than 10</h1>
-        </Match>
-        <Match when={count <= 10}>
+        </Vader.Match>
+        <Vader.Match when={count <= 10}>
           <h1>Count is less than or equal to 10</h1>
-        </Match>
-      </Switch>
+        </Vader.Match>
+      </Vader.Switch>
     </div>
   )
 }

package/cli.ts

@@ -72,7 +72,7 @@ export async function init() {
 
     // Create example app/index.jsx with counter
     const counterCode = wantsTailwind
-        ? `import * as Vader from "vader-native";
+        ? `import * as Vader from "vaderjs-native";
 
 function Counter() {
  let [count, setCount] = Vader.useState(0);
@@ -92,7 +92,7 @@ function Counter() {
   
 Vader.render(Vader.createElement(Counter, null), document.getElementById("app"));
 `
-        : `import * as Vader from "vader-native";
+        : `import * as Vader from "vaderjs-native";
 
 function Counter() {
   let [count, setCount] = Vader.useState(0);
@@ -154,12 +154,12 @@ Vader.render(Vader.createElement(Counter, null), document.getElementById("app"))
     }
 
     // Create vaderjs.config.ts regardless, add Tailwind plugin if needed
-    const vaderConfig = `import defineConfig from "vader-native/config";
-${wantsTailwind ? 'import tailwind from "vader-native/plugins/tailwind";' : ''}
+    const vaderConfig = `import defineConfig from "vaderjs-native/config";
+import tailwind from "vaderjs-native/plugins/tailwind";
   
 export default defineConfig({
   port: 3000,
-  plugins: [${wantsTailwind ? "tailwind" : ""}],
+  plugins: [tailwind],
 });`;
 
     await fs.writeFile(path.join(projectDir, "vaderjs.config.ts"), vaderConfig);

package/main.js

@@ -11,7 +11,7 @@ import { execSync } from "child_process";
 import { existsSync, writeFileSync } from "fs";
 // --- UTILITIES for a Sleek CLI ---
 
- async function ensureLocalProperties() {
+async function ensureLocalProperties() {
   const ROOT = path.join(
     PROJECT_ROOT,
     "node_modules",
@@ -503,6 +503,11 @@ async function buildAppEntrypoints(isDev = false) {
       plugins: [
         publicAssetPlugin(),
       ],
+      loader: {
+        '.js': 'jsx',
+        '.ts': 'tsx',
+        '.css': 'text',
+      }
     });
 
     // --- FIX IMPORT PATHS IN JS ---
@@ -544,8 +549,10 @@ async function buildAll(isDev = false) {
   await timedStep("Building App Source (/src)", buildSrc);
   await timedStep("Copying Public Assets", copyPublicAssets);
   await timedStep("Building App Entrypoints (/app)", () => buildAppEntrypoints(isDev));
-  await timedStep("Copy Compiled Javascript to Java", () => copyCompiledJavascriptToJava(isDev));
-  await timedStep("Building APK", buildAPK);
+  if (!isDev) {
+    await timedStep("Copy Compiled Javascript to Java", () => copyCompiledJavascriptToJava(isDev));
+    await timedStep("Building APK", buildAPK);
+  }
 
   await runPluginHook("onBuildFinish");
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vaderjs-native",
-    "version": "1.0.1",
+    "version": "1.0.2",
     "description": "Build Android Applications using Vaderjs framework.",
     "bin": {
         "vaderjs": "./main.js"
@@ -15,6 +15,6 @@
         "ansi-colors": "latest",
         "autoprefixer": "^10.4.23",
         "postcss-cli": "^11.0.1",
-        "tailwindcss": "4" 
+        "tailwindcss": "latest"
     }
 }

package/plugins/tailwind.ts

@@ -40,7 +40,7 @@ export default {
            initTailwind()
            console.log('Building TailwindCSS...')
            await vader.runCommand(['bun', 'run', 'postcss', './public/styles.css', '-o', 'dist/public/tailwind.css']) 
-           vader.injectHTML(`<link rel="stylesheet" href="/public/tailwind.css">`) 
+           vader.injectHTML(`<link rel="stylesheet" href="./styles.css">`) 
 
         }  
         
@@ -50,4 +50,4 @@ export default {
         console.log('TailwindCSS plugin finished building')
     },
 
-}
+} as VaderPlugin;