vaderjs 1.7.6 → 1.7.7

package/bundler/index.js

@@ -42,19 +42,23 @@ try {
       format: "esm",
       ...(process.env.DEV ? { sourcemap: "inline" } : {}),
       packages: "bundle",  
+      external:["vaderjs"]
   });
 } catch (error) {
 console.error(error)
 }
 
 
-let builtCode = fs.readFileSync(path.join(process.cwd(), 'dist', process.env.filePath), 'utf-8') 
+let builtCode = fs.readFileSync(path.join(process.cwd(), 'dist', process.env.filePath), 'utf-8')
+console.log({builtCode, path:path.join(process.cwd(), 'dist', process.env.filePath) })
 const handleReplacements = (code) => {
   let lines = code.split('\n')
   let newLines = []
   for (let line of lines) {
       let hasImport = line.includes('import')
-
+      if(hasImport && line.includes('vaderjs')){
+          line = line.replace('vaderjs', '/src/vader/index.js')
+      }
       if (hasImport && line.includes('.css')) {
           try {
               let isSmallColon = line.includes("'")

package/index.ts

@@ -322,33 +322,62 @@ export class Component {
         executeCallback();
       }
     }
-  } useState(key, defaultValue, persist = false) {
+  } 
+  useState(key, defaultValue, persist = false) {
     if (typeof window === "undefined")
-      return [defaultValue, () => {
-      }];
-    let value = sessionStorage.getItem("state_" + key) ? JSON.parse(sessionStorage.getItem("state_" + key)).value : defaultValue;
+      return [defaultValue, () => {}];
+  
+    // Retrieve initial value from sessionStorage or defaultValue
+    let value = sessionStorage.getItem("state_" + key)
+      ? JSON.parse(sessionStorage.getItem("state_" + key)).value
+      : defaultValue;
+  
+    // Parse stringified values safely
     if (typeof value === "string") {
       try {
         value = JSON.parse(value);
-      } catch (error) {
+      } catch {
+        // Value remains a string if parsing fails
       }
     }
-    if (!window["listener" + key] && !isServer) {
-      window["listener" + key] = true;
+  
+    // Ensure event listener is added only once
+    if (!window[`listener_${key}`]) {
+      window[`listener_${key}`] = true;
       window.addEventListener("beforeunload", () => {
-        !persist && sessionStorage.removeItem("state_" + key);
+        if (!persist) sessionStorage.removeItem("state_" + key);
       });
     }
+  
     const setValue = (newValue) => {
       if (typeof newValue === "function") {
         newValue = newValue(value);
       }
-      sessionStorage.setItem("state_" + key, JSON.stringify({ value: newValue }));
-      this.forceUpdate(this.key);
+   
+      const currentValue = sessionStorage.getItem("state_" + key)
+        ? JSON.parse(sessionStorage.getItem("state_" + key)).value
+        : defaultValue;
+  
+      if (JSON.stringify(currentValue) === JSON.stringify(newValue)) {
+        return; // Skip if the value hasn't changed
+      }
+  
+      sessionStorage.setItem(
+        "state_" + key,
+        JSON.stringify({ value: newValue })
+      );
+   
+      if (this.forceUpdate) {
+        this.forceUpdate(this.key);
+      }
     };
+  
     const getVal = () => {
-      return sessionStorage.getItem("state_" + key) ? JSON.parse(sessionStorage.getItem("state_" + key)).value : defaultValue;
+      return sessionStorage.getItem("state_" + key)
+        ? JSON.parse(sessionStorage.getItem("state_" + key)).value
+        : defaultValue;
     };
+  
     return [getVal, setValue];
   }
   useFetch(url, options) {

package/package.json

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