vaderjs 1.6.0 → 1.6.2

package/README.MD

@@ -2,7 +2,7 @@
   <a href="https://vader-js.pages.dev">
     <picture>
       <source media="(prefers-color-scheme: dark)" srcset="/icon.jpeg">
-      <img src="./logo.png" height="128">
+      <img src="https://github.com/Postr-Inc/Vader.js/blob/main/logo.png" height="128">
     </picture>
     <h1 align="center">Vader.js</h1>
   </a>
@@ -16,7 +16,7 @@
 # Installation
 
 ```js
-npx vaderjs @latest
+bun install vaderjs @latest
 ```
 
 

package/README.md

@@ -16,7 +16,7 @@
 # Installation
 
 ```js
-npx vaderjs @latest
+bun install vaderjs @latest
 ```
 
 ```ts

package/bundler/index.js

@@ -37,11 +37,10 @@ await Bun.build({
     entrypoints: [process.env.ENTRYPOINT],
     minify: false,
     root: process.cwd() + "/dist/",
-    outdir: process.cwd() + "/dist/",
-    
+    outdir: process.cwd() + "/dist/", 
     format: "esm",
     ...(process.env.DEV ? { sourcemap: "inline" } : {}),
-    external:['*.jsx', '*.js', '*.ts']
+    external:['*.jsx', '*.js', '*.ts', '*.tsx']
 });
 
 let builtCode = fs.readFileSync(path.join(process.cwd(), 'dist', process.env.filePath), 'utf-8')
@@ -54,8 +53,8 @@ function handleReplacements(code) {
             try { 
                 let url = line.includes("'") ? line.split("'")[1] : line.split('"')[1]
                  
-                line = line.replace(url, url.replace('.jsx', '.js'))
-                line  = line.replace(url, url.replace('.ts', '.js'))
+                line = line.replace(url, url.replace('.jsx', '.js').replace('.tsx', '.js'))
+                line  = line.replace(url, url.replace('.ts', '.js').replace('.tsx', '.js'))
                 newLines.push(line)
             } catch (error) { 
                 continue;

package/index.ts

@@ -193,6 +193,7 @@ export class Component {
   Mounted;
   effect;
   key;
+  effectCalls: any[]
   prevState;
   constructor() {
     this.key = crypto.randomUUID();
@@ -201,20 +202,66 @@ export class Component {
     this.effect = [];
     this.Mounted = false;
     this.element = null;
+    this.effectCalls = []
+    this.errorThreshold = 1000
+    this.maxIntervalCalls  = 10
   }
   useEffect(callback, dependencies) {
+    const callbackId = callback.toString();
+ 
+    if (!this.effectCalls.some(s => s.id === callbackId)) {
+        this.effectCalls.push({ id: callbackId, count: 0, lastCall: Date.now() });
+    }
+
+    const effectCall = this.effectCalls.find(s => s.id === callbackId);
+ 
+    const executeCallback = () => {
+        const now = Date.now();
+        const timeSinceLastCall = now - effectCall.lastCall;
+ 
+        if (timeSinceLastCall < this.errorThreshold) {
+            effectCall.count += 1;
+            if (effectCall.count > this.maxIntervalCalls) {
+                throw new Error(`Woah wayy too many calls, ensure you are not overlooping you can change the maxThresholdCalls and errorThreshold depending on needs`) 
+            }
+        } else {
+            effectCall.count = 1;   
+        }
+ 
+        effectCall.lastCall = now;
+ 
+        setTimeout(() => {
+            try {
+                callback();
+            } catch (error) {
+                console.error(error);
+            }
+        }, 0);
+    };
+ 
     if (dependencies.length === 0 && this.Mounted && this.effect.length === 0) {
-      callback();
-      this.effect.push(callback);
+        executeCallback();
+        this.effect.push(callbackId);
     } else {
-      for (let i = 0;i < dependencies.length; i++) {
-        if (this.effect[i] !== dependencies[i]) {
-          this.effect = dependencies;
-          callback();
+        // Check if dependencies have changed
+        let dependenciesChanged = false;
+        if (dependencies.length !== this.effect.length) {
+            dependenciesChanged = true;
+        } else {
+            for (let i = 0; i < dependencies.length; i++) {
+                if (this.effect[i] !== dependencies[i]) {
+                    dependenciesChanged = true;
+                    break;
+                }
+            }
+        }
+ 
+        if (dependenciesChanged) {
+            this.effect = [...dependencies];
+            executeCallback();
         }
-      }
     }
-  }
+}
   useState(key, defaultValue, persist = false) {
     if (typeof window === "undefined")
       return [defaultValue, () => {
@@ -233,8 +280,7 @@ export class Component {
         !persist && sessionStorage.removeItem("state_" + key);
       });
     }
-    const setValue = (newValue) => {
-      console.log("setting value", newValue);
+    const setValue = (newValue) => { 
       sessionStorage.setItem("state_" + key, JSON.stringify({ value: newValue }));
       this.forceUpdate(this.key);
     };
@@ -274,7 +320,7 @@ export class Component {
   }
   Reconciler = {
     update: (oldElement, newElement) => {
-
+      if(!oldElement || !newElement) return;
       if (this.Reconciler.shouldUpdate(oldElement, newElement)) {
         let part = this.Reconciler.shouldUpdate(oldElement, newElement, true);
         if (part === true) {

package/main.js

@@ -17,8 +17,7 @@ if (!fs.existsSync(process.cwd() + '/src')) {
 }
 if (!fs.existsSync(process.cwd() + '/vader.config.ts')) {
     fs.writeFileSync(process.cwd() + '/vader.config.ts',
-        `
-import defineConfig from 'vaderjs/config'    
+        `import defineConfig from 'vaderjs/config'    
 export default  defineConfig({ 
     port: 8080,
     host_provider: 'apache'
@@ -162,7 +161,7 @@ async function generateApp() {
             code = handleReplacements(code)
             let size = code.length / 1024
             r = r.replace(process.cwd().replace(/\\/g, '/') + '/app', '')
-            r = r.replace('.jsx', '.js')
+            r = r.replace('.jsx', '.js').replace('.tsx', '.js')
             fs.mkdirSync(path.dirname(process.cwd() + '/dist/' + r), { recursive: true })
             fs.writeFileSync(process.cwd() + '/dist/' + path.dirname(r) + '/' + path.basename(r), `
         let route = window.location.pathname.split('/').filter(v => v !== '') 
@@ -198,7 +197,7 @@ async function generateApp() {
                     size,
                     bindes: bindes.join('\n'),
                     filePath: r,
-                    INPUT: `../app/${r.replace('.js', '.jsx')}`,
+                    INPUT: `../app/${r.replace('.js', '.jsx').replace('.tsx', '.js')}`,
                 },
                 onExit({ exitCode: code }) {
                     if (code === 0) {
@@ -239,6 +238,9 @@ async function generateApp() {
 
                 fs.writeFileSync(process.cwd() + '/vercel.json', JSON.stringify(vercelData, null, 4))
                 break;
+            case 'apache':
+                let data = ''
+                
         }
 
     })
@@ -263,25 +265,25 @@ function handleFiles() {
                 var file = i
                 fs.mkdirSync(path.join(process.cwd() + '/dist', path.dirname(file)), { recursive: true })
                 // turn jsx to js
-                if (file.includes('.jsx')) {
+                if (file.includes('.jsx') || file.includes('.tsx')) {
                     let code = await Bun.file(file).text()
                     code = handleReplacements(code)
 
-                    file = file.replace('.jsx', '.js')
-                    fs.writeFileSync(path.join(process.cwd() + '/dist', file.replace('.jsx', '.js')), code)
+                    file = file.replace('.jsx', '.js').replace('.tsx', '.js')
+                    fs.writeFileSync(path.join(process.cwd() + '/dist', file.replace('.jsx', '.js').replace('.tsx', '.js')), code)
                     await Bun.spawn({
                         cmd: ['bun', 'run', './dev/bundler.js'],
                         cwd: process.cwd(),
                         stdout: 'inherit',
                         env: {
-                            ENTRYPOINT: path.join(process.cwd() + '/dist/' + file.replace('.jsx', '.js')),
+                            ENTRYPOINT: path.join(process.cwd() + '/dist/' + file.replace('.jsx', '.js').replace('.tsx', '.js')),
                             ROOT: process.cwd() + '/app/',
                             OUT: path.dirname(file),
-                            file: process.cwd() + '/dist/' + file.replace('.jsx', '.js'),
+                            file: process.cwd() + '/dist/' + file.replace('.jsx', '.js').replace('.tsx', '.js'),
                             DEV: mode === 'development',
                             size: code.length / 1024,
                             filePath: file.replace('.jsx', '.js'),
-                            INPUT: path.join(process.cwd(), file.replace('.js', '.jsx')),
+                            INPUT: path.join(process.cwd(), file.replace('.js', '.jsx').replace('.tsx', '.js')),
                         },
                         onExit({ exitCode: code }) {
                             if (code === 0) {

package/package.json

@@ -1,10 +1,15 @@
 {
     "name": "vaderjs",
-    "version": "1.6.0",
+    "version": "1.6.2",
     "description": "A simple and powerful JavaScript library for building modern web applications.", 
     "bin": {
         "vaderjs": "./main.js"
     },
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/Postr-Inc/Vader.js"
+    },
+    "license":"MIT",
     "dependencies": {
         "ansi-colors": "latest"
     }