vaderjs 1.3.3-7722242-hotfix → 1.3.3-7725642-hotfix

package/package.json

@@ -2,7 +2,7 @@
   "name": "vaderjs",
   "description": "A Reactive library aimed to helping you build reactive applications inspired by react.js",
   "module": "vader.js",
-  "version": "1.3.3-7722242-hotfix",
+  "version": "1.3.3-7725642-hotfix",
   "bin": {
     "vader": "./vader.js"
   },

package/vader.js

@@ -143,6 +143,9 @@ function Compiler(func, file) {
             isJSXComponent = elementTag.match(/^[A-Z]/) ? true : false;
           }
         });
+        if(isJSXComponent){
+          continue
+        }
         // add ; after newlines  
 
 
@@ -479,9 +482,8 @@ function Compiler(func, file) {
 
       let name = component.split("<")[1].split(">")[0].split(" ")[0].replace("/", "");
       let componentAttributes = component.split("<")[1].split(">")[0].split(" ").join(" ").replace(name, "").trim();
-      const dynamicAttributesRegex = /(\w+)(?:="([^"]*?)"|='([^']*?)'|(?:=\{([^}]*?)\})?|(?:=\{(.*?)*\})?|(?:={([^}]*?)})?|(?:{([^}]*?)})?|(?:}))?|\$=\s*\{\s*\{\s*([^]*?)\s*\}\s*\}/gs;
-
-
+      // catchall = {...}
+      const dynamicAttributesRegex = /(\w+)(?:="([^"]*?)"|='([^']*?)'|(?:=\{(.*?)\})?|(?:=\{(.*?)\})?)(?:\}|(?=\s[\w-]+=))/gs;
 
       let props = component.match(dynamicAttributesRegex)
 
@@ -492,6 +494,7 @@ function Compiler(func, file) {
 
       let $_ternaryprops = []
 
+     if(props){
       for (let prop of props) {
 
         if (prop === componentName) {
@@ -499,16 +502,8 @@ function Compiler(func, file) {
           isWithinComponent = true;
           filteredProps.push(prop);
         } else if (isWithinComponent && prop.includes('=')) {
-
-          if (prop.startsWith('$=')) {
-            let old = prop 
-            prop = prop.replace(/\$\s*=\s*\{\s*\{\s*([^]*?)\s*\}\s*\}/gs, '$1') 
-            component = component.replace(old, '')
-            componentAttributes = componentAttributes.replace(prop, '') 
-            $_ternaryprops.push(prop)
-
-          }
-          else if (prop.includes('${')) {
+ 
+       if (prop.includes('${')) {
 
 
             prop = prop.replace('="', ':')
@@ -527,14 +522,16 @@ function Compiler(func, file) {
           if (prop.includes('={')) {
             let value = prop.split('={')
             let isObj = value[1].match(/^{.*}$/gs) ? true : false
-            if (!isObj) {
-              // remove trailing }
+            if (!isObj) { 
               value[1] = value[1].replace(/}\s*$/, '')
+            }else if(!value[0].length > 0 && isObj){
+                 prop = ''
             }
-
+             
+            value[1] = value[1].replace(/}\s*$/, '') 
             if (value[0] == 'style' && isObj) {
               value[1] = `this.parseStyle(${value[1]})`
-            }
+            } 
             prop = `${value[0]}:${value[1]}`
           }
 
@@ -563,6 +560,7 @@ function Compiler(func, file) {
           isWithinComponent = false;
         }
       }
+     }
       component = component.replaceAll(/\s+/g, " ");
 
       component = component.replace(componentAttributes, '')
@@ -1239,7 +1237,7 @@ async function Build() {
   scannedPublicFiles.forEach(async (file) => {
     file = file.replace(/\\/g, '/');
     file = file.split('/public/')[1]
-    let data = await reader(process.cwd() + "/public/" + file)
+    let data = fs.readFileSync(process.cwd() + "/public/" + file);
     bundleSize += fs.statSync(process.cwd() + "/public/" + file).size;
     await writer(process.cwd() + "/dist/public/" + file, data);
   })