Update attributes list with latest additions and removals from react …

…attribute whitelist (#23)

scripts/attributes-diff.js

@@ -0,0 +1,27 @@
+// this script diffs the react attribute whitelist with the one react html parser maintains
+// to determine if it is out of date
+// the build:lib task must have been run before this can work
+
+const currentProperties = require('../lib/dom/attributes/ReactAttributes').default;
+const reactProperties = require('react-dom/lib/HTMLDOMPropertyConfig').Properties;
+
+const changes = {};
+
+const currentKeys = Object.keys(currentProperties).map(key => currentProperties[key]);
+const reactKeys = Object.keys(reactProperties);
+
+// attributes that have been added to react
+reactKeys.forEach(key => {
+  if (currentKeys.indexOf(key) === -1) {
+    changes[key] = 'add';
+  }
+});
+
+// attributes that have been removed from react
+currentKeys.forEach(key => {
+  if (reactKeys.indexOf(key) === -1) {
+    changes[key] = 'remove';
+  }
+});
+
+console.log(changes); // eslint-disable-line no-console

src/dom/attributes/BooleanAttributes.js

@@ -23,6 +23,7 @@ export default [
   'muted',
   'novalidate',
   'open',
+  'playsinline',
   'readonly',
   'required',
   'reversed',

src/dom/attributes/ReactAttributes.js

@@ -15,6 +15,7 @@ export default {
   allowfullscreen: 'allowFullScreen',
   allowtransparency: 'allowTransparency',
   alt: 'alt',
+  as: 'as',
   async: 'async',
   autocomplete: 'autoComplete',
   autoplay: 'autoPlay',
@@ -24,6 +25,7 @@ export default {
   charset: 'charSet',
   challenge: 'challenge',
   checked: 'checked',
+  cite: 'cite',
   classid: 'classID',
   class: 'className',
   cols: 'cols',
@@ -32,6 +34,7 @@ export default {
   contenteditable: 'contentEditable',
   contextmenu: 'contextMenu',
   controls: 'controls',
+  controlsList: 'controlsList',
   coords: 'coords',
   crossorigin: 'crossOrigin',
   data: 'data',
@@ -90,10 +93,13 @@ export default {
   optimum: 'optimum',
   pattern: 'pattern',
   placeholder: 'placeholder',
+  playsinline: 'playsInline',
   poster: 'poster',
   preload: 'preload',
+  profile: 'profile',
   radiogroup: 'radioGroup',
   readonly: 'readOnly',
+  referrerpolicy: 'referrerPolicy',
   rel: 'rel',
   required: 'required',
   reversed: 'reversed',
@@ -109,6 +115,7 @@ export default {
   shape: 'shape',
   size: 'size',
   sizes: 'sizes',
+  slot: 'slot',
   span: 'span',
   spellcheck: 'spellCheck',
   src: 'src',
@@ -153,6 +160,5 @@ export default {
   itemref: 'itemRef',
   results: 'results',
   security: 'security',
-  unselectable: 'unselectable',
-  autofocus: 'autoFocus'
+  unselectable: 'unselectable'
 };