vaderjs 2.3.19 → 2.3.21

package/cli.ts

@@ -74,9 +74,8 @@ export async function initProject(dir) {
 
   await fs.writeFile(
     path.join(projectDir, "app/index.jsx"),
-    `import { component, useState } from "vaderjs";
-
-export default component(() => {
+    `import { component, useState } from "vaderjs";\n import * as Vader from "vaderjs";
+const app = component(() => {
   const [count, setCount] = useState(0);
 
   return (
@@ -85,6 +84,7 @@ export default component(() => {
     </button>
   );
 });
+Vader.render(Vader.createElement(app), document.getElementById("app"));
 `
   );
 
@@ -104,7 +104,7 @@ export default defineConfig({
 `
   );
 
-  if (!fsSync.existsSync(path.join(projectDir, "package.json"))) {
+   if (!fsSync.existsSync(path.join(projectDir, "package.json"))) {
     await fs.writeFile(
       path.join(projectDir, "package.json"),
       JSON.stringify(
@@ -116,9 +116,9 @@ export default defineConfig({
             build: "vaderjs build",
             start: "vaderjs serve",
           },
-          dependencies: {
+          dependencies:  {
             vaderjs: "latest",
-          },
+          }
         },
         null,
         2
@@ -128,7 +128,26 @@ export default defineConfig({
 
   logSection("📦 Installing dependencies");
   await run("bun", ["install", "--force"]);
-
+  // Ensure package.json has correct dependencies (in case it was pre-existing)
+  if (!fsSync.existsSync(path.join(projectDir, "package.json"))) {
+    await fs.writeFile(
+      path.join(projectDir, "package.json"),
+      JSON.stringify(
+        {
+          name: path.basename(projectDir),
+          private: true,
+          scripts: {
+            dev: "vaderjs dev",
+            build: "vaderjs build",
+            start: "vaderjs serve",
+          },
+          dependencies: JSON.parse(await fs.readFile(path.join(projectDir, "package.json"), "utf8"))
+        },
+        null,
+        2
+      )
+    );
+  }
   console.log("\n✅ Project ready");
   console.log("Run `bun run dev` to start");
 }

package/index.ts

@@ -1341,4 +1341,29 @@ export function useOnClickOutside(ref: { current: HTMLElement | null }, handler:
       document.removeEventListener("mousedown", listener, true);
     };
   }, [ref, handler]); // Keep ref in dependencies
-}
+}
+
+Window.prototype.Vader = {
+  createElement,
+  render,
+  useState,
+  useEffect,
+  useLayoutEffect,
+  useReducer,
+  useContext,
+  createContext,
+  useMemo,
+  useCallback,
+  useRef,
+  useStableRef,
+  useArray,
+  useInterval,
+  useQuery,
+  useWindowFocus,
+  useLocalStorage,
+  useOnClickOutside,
+  Switch,
+  Match,
+  Show,
+  component,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vaderjs",
-    "version": "2.3.19",
+    "version": "2.3.21",
     "description": "A simple and powerful JavaScript library for building modern web applications.",
     "bin": {
         "vaderjs": "./main.ts"