interjs
diff --git a/‎inter.js‎
Lines changed: 36 additions & 8 deletions b/‎inter.js‎
Lines changed: 36 additions & 8 deletions
diff --git a/‎inter.min.js‎
Lines changed: 2 additions & 2 deletions b/‎inter.min.js‎
Lines changed: 2 additions & 2 deletions
@@ -1,9 +1,9 @@
 /**
  * Interjs
- * Version - 2.1.3
+ * Version - 2.1.4
  * MIT LICENSED BY - Denis Power
  * Repo - https://github.com/interjs/inter
- * 2021-2023
+ * 2021 - 2023
  * GENERATED BY INTER GLOBAL BUILDER
  *
  */
@@ -51,6 +51,26 @@
      one or more of those options as plain Javascript object.`);
   }
 
+  function runIllegalAttrsPropWarning(prop) {
+    const styleProp = `You should not use the style attribute(in attrs object) to create styles for the element,
+         use the "styles" object instead, like:
+
+         {
+          tag: "p", text: "Some text", styles: { color: "green" }
+         }
+`;
+
+    const event = `You shoud not use "${prop}" as an attribute name, it seems to be a dom event,
+     use it as property of the "events" object, like:
+
+     {
+      tag: "button", text: "Click me", events: { ${prop}: () => { //Some code here }  }
+     }
+     `;
+
+    consW(prop.startsWith("on") ? event : styleProp);
+  }
+
   function runCanNotDefineReactivePropWarning() {
     consW(`Inter failed to define reactivity
         in a plain Javascript object, because it is not  configurable.`);
@@ -1645,8 +1665,14 @@
     Object.entries(attrs).forEach((attr) => {
       // eslint-disable-next-line prefer-const
       let [name, value] = attr;
+      let hasWarning = false;
       const specialAttrs = new Set(["value", "currentTime", "checked"]);
 
+      if ((name.startsWith("on") && validDomEvent(name)) || name == "style") {
+        runIllegalAttrsPropWarning(name);
+        hasWarning = true;
+      }
+
       const setAttr = (attrValue) => {
         if (isDefined(attrValue) && !isFalse(attrValue)) {
           if (!specialAttrs.has(name)) container.setAttribute(name, attrValue);
@@ -1655,12 +1681,14 @@
         container.template.attrs[name] = attrValue;
       };
 
-      if (isCallable(value)) {
-        value = value();
+      if (!hasWarning) {
+        if (isCallable(value)) {
+          value = value();
 
-        setAttr(value);
-      } else {
-        setAttr(value);
+          setAttr(value);
+        } else {
+          setAttr(value);
+        }
       }
     });
   }
@@ -3288,5 +3316,5 @@
   window.template = template;
   window.toAttrs = toAttrs;
   window.Backend = Backend;
-  console.log("The global version 2.1.3 of Inter was loaded successfully.");
+  console.log("The global version 2.1.4 of Inter was loaded successfully.");
 })();