vaderjs-native 1.0.0 → 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

@@ -6,10 +6,47 @@ import fs from "fs/promises";
 import fsSync from "fs";
 import path from "path";
 import { init } from "./cli";
-
+import os from "os";
+import { execSync } from "child_process";
+import { existsSync, writeFileSync } from "fs";
 // --- UTILITIES for a Sleek CLI ---
 
- 
+async function ensureLocalProperties() {
+  const ROOT = path.join(
+    PROJECT_ROOT,
+    "node_modules",
+    "vaderjs-native",
+    "app-template"
+  );
+
+  const localPropsPath = path.join(ROOT, "local.properties");
+  if (fsSync.existsSync(localPropsPath)) return;
+
+  // Determine SDK path
+  let sdkPath = process.env.ANDROID_HOME;
+
+  if (!sdkPath) {
+    const home = os.homedir();
+    if (process.platform === "win32") {
+      sdkPath = path.join(home, "AppData", "Local", "Android", "Sdk");
+    } else if (process.platform === "darwin") {
+      sdkPath = path.join(home, "Library", "Android", "sdk");
+    } else {
+      // Linux
+      sdkPath = path.join(home, "Android", "Sdk");
+    }
+  }
+
+  if (!existsSync(sdkPath)) {
+    throw new Error(
+      `Android SDK not found! Please set ANDROID_HOME or install the SDK at: ${sdkPath}`
+    );
+  }
+
+  const content = `sdk.dir=${sdkPath.replace(/\\/g, "\\\\")}\n`;
+  writeFileSync(localPropsPath, content);
+  logger.success(`Created local.properties with sdk.dir=${sdkPath}`);
+}
 
 async function copyCompiledJavascriptToJava(isDev = false) {
   if (isDev) return;
@@ -40,6 +77,7 @@ async function copyCompiledJavascriptToJava(isDev = false) {
 
 import { spawnSync } from "child_process";
 async function buildAPK() {
+  await ensureLocalProperties();
   const ROOT = path.join(
     PROJECT_ROOT,
     "node_modules",
@@ -465,6 +503,11 @@ async function buildAppEntrypoints(isDev = false) {
       plugins: [
         publicAssetPlugin(),
       ],
+      loader: {
+        '.js': 'jsx',
+        '.ts': 'tsx',
+        '.css': 'text',
+      }
     });
 
     // --- FIX IMPORT PATHS IN JS ---
@@ -506,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.0",
+    "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;