feat(react-property): add build script for SVG DOM config

The build script is similar to HTML DOM config except SVG does not
have boolean or overloaded boolean attributes/properties.

Author: remarkablemark

packages/react-property/scripts/build-svg.js

@@ -0,0 +1,60 @@
+const fs = require('fs');
+const path = require('path');
+const DOMProperty = require('react-dom/lib/DOMProperty');
+const SVGDOMPropertyConfig = require('react-dom/lib/SVGDOMPropertyConfig');
+const { LIB_DIR, SVG_DIR } = require('./constants');
+
+/**
+ * Creates the DOM property map via injection.
+ *
+ * @see https://github.com/facebook/react/blob/15-stable/src/renderers/dom/shared/DOMProperty.js#L57
+ */
+DOMProperty.injection.injectDOMPropertyConfig(SVGDOMPropertyConfig);
+
+// `autofocus` is removed since it's not an applicable attribute for SVG elements
+delete DOMProperty.getPossibleStandardName.autofocus;
+
+/**
+ * Create output directories (if it does not exist).
+ */
+try {
+  fs.mkdirSync(LIB_DIR);
+} catch (error) {
+  // throw error;
+}
+
+try {
+  fs.mkdirSync(SVG_DIR);
+} catch (error) {
+  // throw error;
+}
+
+/**
+ * SVG DOM property config.
+ */
+const attributeToProperty = {};
+
+/**
+ * List of SVG DOM attributes.
+ */
+const attributes = [];
+
+Object.keys(DOMProperty.getPossibleStandardName).forEach(attributeName => {
+  const propertyName = DOMProperty.getPossibleStandardName[attributeName];
+
+  if (attributeName !== propertyName) {
+    attributeToProperty[attributeName] = propertyName;
+  }
+
+  attributes.push(attributeName);
+});
+
+fs.writeFileSync(
+  path.resolve(SVG_DIR, 'attributes.json'),
+  JSON.stringify(attributes)
+);
+
+fs.writeFileSync(
+  path.resolve(SVG_DIR, 'attribute-to-property.json'),
+  JSON.stringify(attributeToProperty)
+);

packages/react-property/scripts/constants.js

@@ -2,8 +2,10 @@ const { resolve } = require('path');
 
 const LIB_DIR = resolve(__dirname, '../lib');
 const HTML_DIR = resolve(LIB_DIR, 'html');
+const SVG_DIR = resolve(LIB_DIR, 'svg');
 
 module.exports = {
   LIB_DIR,
-  HTML_DIR
+  HTML_DIR,
+  SVG_DIR
 };