feat(react-property): build HTML props with boolean values (JSON)

These are React properties

Author: remarkablemark

packages/react-property/scripts/build.js

@@ -64,13 +64,27 @@ const attributeToProperty = {};
  */
 const attributes = [];
 
+/**
+ * `autoFocus` is predefined and excluded from `HTMLDOMPropertyConfig.js`.
+ *
+ * @see https://github.com/facebook/react/blob/15-stable/src/renderers/dom/shared/HTMLDOMPropertyConfig.js#L42
+ * @see https://github.com/facebook/react/blob/15-stable/src/renderers/dom/shared/DOMProperty.js#L206
+ */
+const booleanProperties = ['autoFocus'];
+
 Object.keys(DOMProperty.getPossibleStandardName).forEach(attributeName => {
   const propertyName = DOMProperty.getPossibleStandardName[attributeName];
 
   if (attributeName !== propertyName) {
     attributeToProperty[attributeName] = propertyName;
   }
 
+  const property = DOMProperty.properties[propertyName];
+
+  if (property && property.hasBooleanValue) {
+    booleanProperties.push(propertyName);
+  }
+
   attributes.push(attributeName);
 });
 
@@ -83,3 +97,8 @@ fs.writeFileSync(
   path.resolve(HTML_DIR, 'attribute-to-property.json'),
   JSON.stringify(attributeToProperty)
 );
+
+fs.writeFileSync(
+  path.resolve(HTML_DIR, 'boolean-properties.json'),
+  JSON.stringify(booleanProperties)
+);