feat(react-property): consolidate injection logic to index.js

BREAKING CHANGE: remove exports `HTMLDOMPropertyConfig` and
`SVGDOMPropertyConfig` and consolidate the properties in
`properties`.

As a result of this change, `src/` directory is removed since all
the injection logic is handled in `index.js` and the npm script
`copy` is removed as well.

Author: remarkablemark

packages/react-property/index.js

@@ -1,15 +1,78 @@
-var HTMLDOMPropertyConfig = require('./lib/html');
-var SVGDOMPropertyConfig = require('./lib/svg');
+var HTMLDOMPropertyConfig = require('./lib/HTMLDOMPropertyConfig');
+var SVGDOMPropertyConfig = require('./lib/SVGDOMPropertyConfig');
+var injection = require('./lib/injection');
+
+var MUST_USE_PROPERTY = injection.MUST_USE_PROPERTY;
+var HAS_BOOLEAN_VALUE = injection.HAS_BOOLEAN_VALUE;
+var HAS_NUMERIC_VALUE = injection.HAS_NUMERIC_VALUE;
+var HAS_POSITIVE_NUMERIC_VALUE = injection.HAS_POSITIVE_NUMERIC_VALUE;
+var HAS_OVERLOADED_BOOLEAN_VALUE = injection.HAS_OVERLOADED_BOOLEAN_VALUE;
+
+/**
+ * @see https://github.com/facebook/react/blob/15-stable/src/renderers/dom/shared/DOMProperty.js#L14-L16
+ *
+ * @param  {Number}  value
+ * @param  {Number}  bitmask
+ * @return {Boolean}
+ */
+function checkMask(value, bitmask) {
+  return (value & bitmask) === bitmask;
+}
+
+/**
+ * @see https://github.com/facebook/react/blob/15-stable/src/renderers/dom/shared/DOMProperty.js#L57
+ *
+ * @param {Object}  domPropertyConfig - HTMLDOMPropertyConfig or SVGDOMPropertyConfig
+ * @param {Object}  config            - The object to be mutated
+ * @param {Boolean} isSVG             - Whether the injected config is HTML or SVG (it assumes the default is HTML)
+ */
+function injectDOMPropertyConfig(domPropertyConfig, config, isSVG) {
+  var Properties = domPropertyConfig.Properties;
+  var DOMAttributeNames = domPropertyConfig.DOMAttributeNames;
+  var attributeName;
+  var propertyName;
+  var propConfig;
+
+  for (propertyName in Properties) {
+    attributeName =
+      DOMAttributeNames[propertyName] ||
+      (isSVG ? propertyName : propertyName.toLowerCase());
+    propConfig = Properties[propertyName];
+
+    config[attributeName] = {
+      attributeName: attributeName,
+      propertyName: propertyName,
+      mustUseProperty: checkMask(propConfig, MUST_USE_PROPERTY),
+      hasBooleanValue: checkMask(propConfig, HAS_BOOLEAN_VALUE),
+      hasNumericValue: checkMask(propConfig, HAS_NUMERIC_VALUE),
+      hasPositiveNumericValue: checkMask(
+        propConfig,
+        HAS_POSITIVE_NUMERIC_VALUE
+      ),
+      hasOverloadedBooleanValue: checkMask(
+        propConfig,
+        HAS_OVERLOADED_BOOLEAN_VALUE
+      )
+    };
+  }
+}
+
+/**
+ * Properties map.
+ *
+ * @type {Object}
+ */
+var properties = {};
+injectDOMPropertyConfig(HTMLDOMPropertyConfig, properties);
+injectDOMPropertyConfig(SVGDOMPropertyConfig, properties, true);
 
 var ATTRIBUTE_NAME_START_CHAR =
   ':A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD';
-
 var ATTRIBUTE_NAME_CHAR =
   ATTRIBUTE_NAME_START_CHAR + '\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040';
 
 module.exports = {
-  HTMLDOMPropertyConfig: HTMLDOMPropertyConfig,
-  SVGDOMPropertyConfig: SVGDOMPropertyConfig,
+  properties: properties,
 
   /**
    * Checks whether a property name is a custom attribute.

packages/react-property/package.json

@@ -4,11 +4,10 @@
   "description": "HTML and SVG DOM property configs used by React.",
   "main": "index.js",
   "scripts": {
-    "build": "npm run clean && npm run build:html && npm run build:injection && npm run build:svg && npm run copy",
+    "build": "npm run clean && npm run build:html && npm run build:injection && npm run build:svg",
     "build:html": "node scripts/build-html",
     "build:injection": "node scripts/build-injection",
     "build:svg": "node scripts/build-svg",
-    "copy": "cp -r src/* lib",
     "clean": "rm -rf lib",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",

packages/react-property/src/html/index.js

@@ -15,7 +15,7 @@ describe('HTMLDOMPropertyConfig', () => {
         const attributeName =
           HTMLDOMPropertyConfig.DOMAttributeNames[propName] ||
           propName.toLowerCase();
-        expect(main.HTMLDOMPropertyConfig[attributeName]).toEqual(property);
+        expect(main.properties[attributeName]).toEqual(property);
       }
     );
   });
@@ -35,7 +35,7 @@ describe('SVGDOMPropertyConfig', () => {
         delete property.mutationMethod;
         const attributeName =
           SVGDOMPropertyConfig.DOMAttributeNames[propName] || propName;
-        expect(main.SVGDOMPropertyConfig[attributeName]).toEqual(property);
+        expect(main.properties[attributeName]).toEqual(property);
       }
     );
   });