vaderjs 2.3.14 → 2.3.15

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2024 Pascal
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2024 Pascal
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,89 @@
+<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>
+  </a>
+</p>
+
+# Vader.js A reactive framework for building fast and scalable web applications
+
+[![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)
+
+
+# Installation
+
+```js
+bun install vaderjs @latest
+```
+
+```ts
+import { useSate, e } from "vaderjs"
+export default function(){
+  let [count, setCount] = useState(0)
+  return (
+    <div>
+     <p>Count is {count} </p>
+     <button onClick={()=>setCount(count++)}>
+      Increment +1
+      </button>
+    </div>
+  )
+}
+```
+
+# Project Setup 
+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!
+
+```md
+
+/pages/index.jsx = /
+/pages/home/[page].jsx  = /home/:page
+/pages/path/index.jsx = /path/
+/pages/test/[[...catchall]]/index.jsx = /path/test/*
+/pages/route/[param1]/[param2].jsx = /path/route/:param1/:param2
+
+```
+Keyword folders - all files are passed from these folders to the build folder
+
+```md
+1. pages - used for jsx route files
+2. src  - used for your jsx components / javascript -typescript files
+3. public - used for anything / css / json etc
+```
+
+
+# Define your config
+
+```ts
+import { defineConfig } from "vaderjs/config"; 
+import cloudflare from "vaderjs/plugins/cloudflare/functions"
+import tailwindcss from "vaderjs/plugins/tailwindcss"
+export default defineConfig({
+    target: "web",
+    host: {
+        hostname: "localhost",
+        provider:'cloudflare' // used for ssg or ssr
+    }, 
+    env: {
+        PORT: 3000,
+        SSR: true,
+        apiRoute: "https://api.example.com"
+    }, 
+     Router: {
+        tls: {
+            cert: "cert.pem",
+            key: "key.pem"
+        },
+        headers: {
+            "cache-control": "public, max-age=0, must-revalidate"
+        }
+    },
+    plugins: [cloudflare, tailwindcss],
+});
+
+```

package/cli.ts

@@ -1,228 +1,228 @@
-#!/usr/bin/env bun
-
-import fs from "fs/promises";
-import fsSync from "fs";
-import path from "path";
-import readline from "readline";
-
-const cwd = process.cwd();
-
-/* ---------------------------------- utils --------------------------------- */
-
-function ask(question) {
-  const rl = readline.createInterface({
-    input: process.stdin,
-    output: process.stdout,
-  });
-  return new Promise((resolve) =>
-    rl.question(question + " ", (answer) => {
-      rl.close();
-      resolve(answer.trim());
-    })
-  );
-}
-
-async function run(cmd, args = []) {
-  const proc = Bun.spawn([cmd, ...args], {
-    stdout: "inherit",
-    stderr: "inherit",
-  });
-
-  const status = await proc.exited;
-  if (status !== 0) process.exit(status);
-}
-
-function logSection(title) {
-  console.log(`\n${title}`);
-  console.log("─".repeat(title.length));
-}
-
-function getFlags() {
-  return new Set(process.argv.slice(2));
-}
-
-/* ---------------------------------- init ---------------------------------- */
-
-export async function initProject(dir) {
-  const flags = getFlags();
-  const autoYes = flags.has("--yes");
-
-  console.log("🚀 Initializing Vader.js project");
-
-  const projectDir = path.resolve(cwd, dir || ".");
-  if (!fsSync.existsSync(projectDir)) {
-    await fs.mkdir(projectDir, { recursive: true });
-  }
-
-  const files = fsSync.readdirSync(projectDir);
-  if (files.length && !autoYes) {
-    const confirm = await ask("Directory is not empty. Continue? (y/n):");
-    if (confirm !== "y") process.exit(0);
-  }
-
-  logSection("📁 Creating folders");
-
-  for (const d of ["app", "public"]) {
-    const p = path.join(projectDir, d);
-    if (!fsSync.existsSync(p)) {
-      await fs.mkdir(p, { recursive: true });
-      console.log(`created ${d}/`);
-    }
-  }
-
-  logSection("🧱 Writing files");
-
-  await fs.writeFile(
-    path.join(projectDir, "app/index.jsx"),
-    `import { component, useState } from "vaderjs";
-
-export default component(() => {
-  const [count, setCount] = useState(0);
-
-  return (
-    <button onClick={() => setCount(c => c + 1)}>
-      Count: {count}
-    </button>
-  );
-});
-`
-  );
-
-  await fs.writeFile(
-    path.join(projectDir, "public/styles.css"),
-    `/* Global styles (optional) */`
-  );
-
-  await fs.writeFile(
-    path.join(projectDir, "vaderjs.config.ts"),
-    `import defineConfig from "vaderjs/config";
-
-export default defineConfig({
-  port: 3000,
-  plugins: [],
-});
-`
-  );
-
-  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: {
-            vaderjs: "latest",
-          },
-        },
-        null,
-        2
-      )
-    );
-  }
-
-  logSection("📦 Installing dependencies");
-  await run("bun", ["install", "--force"]);
-
-  console.log("\n✅ Project ready");
-  console.log("Run `bun run dev` to start");
-}
-
-/* ---------------------------------- add ----------------------------------- */
-
-export async function addPlugin(name) {
-  if (!name) {
-    console.error("Please specify a plugin to add.");
-    process.exit(1);
-  }
-
-  const flags = getFlags();
-  const force = flags.has("--force");
-
-  const pkgName = name.startsWith("vaderjs-") ? name : `vaderjs-${name}`;
-  const importName = pkgName.replace(/^vaderjs-/, "").replace(/-/g, "_");
-
-  logSection(`➕ Adding plugin: ${pkgName}`);
-
- const args = ["add", pkgName];
-if (force) args.push("--force");
-
-await run("bun", args);
-
-  const configPath = path.join(cwd, "vaderjs.config.ts");
-  if (!fsSync.existsSync(configPath)) {
-    console.warn("⚠️  vaderjs.config.ts not found, skipping registration");
-    return;
-  }
-
-  let config = await fs.readFile(configPath, "utf8");
-
-  if (config.includes(`from "${pkgName}"`)) {
-    console.log("ℹ️  Plugin already registered");
-    return;
-  }
-
-  config =
-    `import ${importName} from "${pkgName}";\n` +
-    config.replace(/plugins:\s*\[/, `plugins: [${importName}, `);
-
-  await fs.writeFile(configPath, config);
-  console.log("✔ Plugin registered");
-}
-
-/* -------------------------------- remove ---------------------------------- */
-
-export async function removePlugin(name) {
-  if (!name) {
-    console.error("Please specify a plugin to remove.");
-    process.exit(1);
-  }
-
-  const pkgName = name.startsWith("vaderjs-") ? name : `vaderjs-${name}`;
-  const importName = pkgName.replace(/^vaderjs-/, "").replace(/-/g, "_");
-
-  logSection(`➖ Removing plugin: ${pkgName}`);
-
-  await run("bun", ["remove", pkgName]);
-
-  const configPath = path.join(cwd, "vaderjs.config.ts");
-  if (!fsSync.existsSync(configPath)) return;
-
-  let config = await fs.readFile(configPath, "utf8");
-
-  config = config
-    .replace(new RegExp(`import ${importName} from ".*?";\\n?`, "g"), "")
-    .replace(new RegExp(`\\b${importName},?\\s*`, "g"), "");
-
-  await fs.writeFile(configPath, config);
-  console.log("✔ Plugin removed");
-}
-
-/* ---------------------------------- list ---------------------------------- */
-
-export async function listPlugins() {
-  const pkgPath = path.join(cwd, "package.json");
-  if (!fsSync.existsSync(pkgPath)) {
-    console.log("No package.json found.");
-    return;
-  }
-
-  const pkg = JSON.parse(await fs.readFile(pkgPath, "utf8"));
-  const deps = Object.keys(pkg.dependencies || {}).filter((d) =>
-    d.startsWith("vaderjs-")
-  );
-
-  if (!deps.length) {
-    console.log("No Vader plugins installed.");
-    return;
-  }
-
-  logSection("🔌 Installed Vader plugins");
-  deps.forEach((d) => console.log("•", d));
-}
+#!/usr/bin/env bun
+
+import fs from "fs/promises";
+import fsSync from "fs";
+import path from "path";
+import readline from "readline";
+
+const cwd = process.cwd();
+
+/* ---------------------------------- utils --------------------------------- */
+
+function ask(question) {
+  const rl = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout,
+  });
+  return new Promise((resolve) =>
+    rl.question(question + " ", (answer) => {
+      rl.close();
+      resolve(answer.trim());
+    })
+  );
+}
+
+async function run(cmd, args = []) {
+  const proc = Bun.spawn([cmd, ...args], {
+    stdout: "inherit",
+    stderr: "inherit",
+  });
+
+  const status = await proc.exited;
+  if (status !== 0) process.exit(status);
+}
+
+function logSection(title) {
+  console.log(`\n${title}`);
+  console.log("─".repeat(title.length));
+}
+
+function getFlags() {
+  return new Set(process.argv.slice(2));
+}
+
+/* ---------------------------------- init ---------------------------------- */
+
+export async function initProject(dir) {
+  const flags = getFlags();
+  const autoYes = flags.has("--yes");
+
+  console.log("🚀 Initializing Vader.js project");
+
+  const projectDir = path.resolve(cwd, dir || ".");
+  if (!fsSync.existsSync(projectDir)) {
+    await fs.mkdir(projectDir, { recursive: true });
+  }
+
+  const files = fsSync.readdirSync(projectDir);
+  if (files.length && !autoYes) {
+    const confirm = await ask("Directory is not empty. Continue? (y/n):");
+    if (confirm !== "y") process.exit(0);
+  }
+
+  logSection("📁 Creating folders");
+
+  for (const d of ["app", "public"]) {
+    const p = path.join(projectDir, d);
+    if (!fsSync.existsSync(p)) {
+      await fs.mkdir(p, { recursive: true });
+      console.log(`created ${d}/`);
+    }
+  }
+
+  logSection("🧱 Writing files");
+
+  await fs.writeFile(
+    path.join(projectDir, "app/index.jsx"),
+    `import { component, useState } from "vaderjs";
+
+export default component(() => {
+  const [count, setCount] = useState(0);
+
+  return (
+    <button onClick={() => setCount(c => c + 1)}>
+      Count: {count}
+    </button>
+  );
+});
+`
+  );
+
+  await fs.writeFile(
+    path.join(projectDir, "public/styles.css"),
+    `/* Global styles (optional) */`
+  );
+
+  await fs.writeFile(
+    path.join(projectDir, "vaderjs.config.ts"),
+    `import defineConfig from "vaderjs/config";
+
+export default defineConfig({
+  port: 3000,
+  plugins: [],
+});
+`
+  );
+
+  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: {
+            vaderjs: "latest",
+          },
+        },
+        null,
+        2
+      )
+    );
+  }
+
+  logSection("📦 Installing dependencies");
+  await run("bun", ["install", "--force"]);
+
+  console.log("\n✅ Project ready");
+  console.log("Run `bun run dev` to start");
+}
+
+/* ---------------------------------- add ----------------------------------- */
+
+export async function addPlugin(name) {
+  if (!name) {
+    console.error("Please specify a plugin to add.");
+    process.exit(1);
+  }
+
+  const flags = getFlags();
+  const force = flags.has("--force");
+
+  const pkgName = name.startsWith("vaderjs-") ? name : `vaderjs-${name}`;
+  const importName = pkgName.replace(/^vaderjs-/, "").replace(/-/g, "_");
+
+  logSection(`➕ Adding plugin: ${pkgName}`);
+
+ const args = ["add", pkgName];
+if (force) args.push("--force");
+
+await run("bun", args);
+
+  const configPath = path.join(cwd, "vaderjs.config.ts");
+  if (!fsSync.existsSync(configPath)) {
+    console.warn("⚠️  vaderjs.config.ts not found, skipping registration");
+    return;
+  }
+
+  let config = await fs.readFile(configPath, "utf8");
+
+  if (config.includes(`from "${pkgName}"`)) {
+    console.log("ℹ️  Plugin already registered");
+    return;
+  }
+
+  config =
+    `import ${importName} from "${pkgName}";\n` +
+    config.replace(/plugins:\s*\[/, `plugins: [${importName}, `);
+
+  await fs.writeFile(configPath, config);
+  console.log("✔ Plugin registered");
+}
+
+/* -------------------------------- remove ---------------------------------- */
+
+export async function removePlugin(name) {
+  if (!name) {
+    console.error("Please specify a plugin to remove.");
+    process.exit(1);
+  }
+
+  const pkgName = name.startsWith("vaderjs-") ? name : `vaderjs-${name}`;
+  const importName = pkgName.replace(/^vaderjs-/, "").replace(/-/g, "_");
+
+  logSection(`➖ Removing plugin: ${pkgName}`);
+
+  await run("bun", ["remove", pkgName]);
+
+  const configPath = path.join(cwd, "vaderjs.config.ts");
+  if (!fsSync.existsSync(configPath)) return;
+
+  let config = await fs.readFile(configPath, "utf8");
+
+  config = config
+    .replace(new RegExp(`import ${importName} from ".*?";\\n?`, "g"), "")
+    .replace(new RegExp(`\\b${importName},?\\s*`, "g"), "");
+
+  await fs.writeFile(configPath, config);
+  console.log("✔ Plugin removed");
+}
+
+/* ---------------------------------- list ---------------------------------- */
+
+export async function listPlugins() {
+  const pkgPath = path.join(cwd, "package.json");
+  if (!fsSync.existsSync(pkgPath)) {
+    console.log("No package.json found.");
+    return;
+  }
+
+  const pkg = JSON.parse(await fs.readFile(pkgPath, "utf8"));
+  const deps = Object.keys(pkg.dependencies || {}).filter((d) =>
+    d.startsWith("vaderjs-")
+  );
+
+  if (!deps.length) {
+    console.log("No Vader plugins installed.");
+    return;
+  }
+
+  logSection("🔌 Installed Vader plugins");
+  deps.forEach((d) => console.log("•", d));
+}
  

package/config/index.ts

@@ -1,4 +1,7 @@
 export type Config = {
+  name: string,
+  version: string,
+  description?: string,
   port: number,
   host?: string, 
   plugin_config?:  {

package/jsconfig.json

@@ -1,7 +1,7 @@
-{
-    "compilerOptions": {
-        "jsx": "react",
-        "jsxFactory": "Vader.createElement",
-        "jsxFragmentFactory": "Fragment"
-    }
-}
+{
+    "compilerOptions": {
+        "jsx": "react",
+        "jsxFactory": "e",
+        "jsxFragmentFactory": "Fragment"
+    }
+}