Added support for InfernoJs optimization flags

Author: Havunen

CHANGELOG.md

@@ -1,4 +1,7 @@
 # Change Log
+## 2025-01-23 (7.37.5)
+- bugfix: Do not raise errors for InfernoJs optimization flags
+
 ## 2025-01-22
 
 Everything re-branched from upstream.

lib/rules/no-unknown-property.js

@@ -204,6 +204,9 @@ const SVGDOM_ATTRIBUTE_NAMES = {
 };
 
 const DOM_PROPERTY_NAMES = [
+  // Inferno optimization flags
+  '$HasKeyedChildren', '$HasNonKeyedChildren', '$HasVNodeChildren', '$HasTextChildren', '$ReCreate', '$ChildFlag', '$Flags',
+
   // Global attributes - can be used on any HTML/DOM element
   // See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
   'dir', 'draggable', 'hidden', 'id', 'lang', 'nonce', 'part', 'slot', 'style', 'title', 'translate', 'inert',
@@ -289,7 +292,7 @@ const DOM_PROPERTY_NAMES = [
   // Safari/Apple specific, no listing available
   'autoCorrect', // https://stackoverflow.com/questions/47985384/html-autocorrect-for-text-input-is-not-working
   'autoSave', // https://stackoverflow.com/questions/25456396/what-is-autosave-attribute-supposed-to-do-how-do-i-use-it
-  // Inferno specific attributes https://reactjs.org/docs/dom-elements.html#differences-in-attributes
+  // Inferno/React specific attributes https://reactjs.org/docs/dom-elements.html#differences-in-attributes
   'className', 'dangerouslySetInnerHTML', 'defaultValue', 'defaultChecked', 'htmlFor',
   // Events' capture events
   'onBeforeInput', 'onChange',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-inferno",
-  "version": "7.37.4",
+  "version": "7.37.5",
   "description": "Inferno specific linting rules for ESLint",
   "main": "index.js",
   "types": "index.d.ts",

tests/lib/rules/no-unknown-property.js

@@ -29,6 +29,15 @@ const parserOptions = {
 const ruleTester = new RuleTester({ parserOptions });
 ruleTester.run('no-unknown-property', rule, {
   valid: parsers.all([
+    // Inferno optimization flags should be fine
+    { code: '<div $HasKeyedChildren />;' },
+    { code: '<div $HasNonKeyedChildren />;' },
+    { code: '<div $HasVNodeChildren />;' },
+    { code: '<div $HasTextChildren />;' },
+    { code: '<div $ReCreate />;' },
+    { code: '<div $ChildFlag="{1}" />;' },
+    { code: '<div $Flags="{1}" />;' },
+
     // Inferno components and their props/attributes should be fine
     { code: '<App class="bar" />;' },
     { code: '<App for="bar" />;' },