Merge pull request #9 from remarkablemark/feat/react-property

feat(react-property): create package for HTML and SVG DOM property configs

Author: remarkablemark

.commitlintrc.json

@@ -4,7 +4,7 @@
     "scope-enum": [
       2,
       "always",
-      ["all", "react-15", "react-dom-core", "release", "root"]
+      ["all", "react-15", "react-dom-core", "react-property", "release", "root"]
     ],
     "scope-empty": [2, "never"]
   }

.prettierignore

@@ -0,0 +1 @@
+package.json

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "singleQuote": true
+}

README.md

@@ -4,6 +4,7 @@ A monorepo containing the following packages:
 
 - [react-15](https://github.com/remarkablemark/react-dom-core/tree/master/packages/react-15)
 - [react-dom-core](https://github.com/remarkablemark/react-dom-core/tree/master/packages/react-dom-core)
+- [react-property](https://github.com/remarkablemark/react-dom-core/tree/master/packages/react-property)
 
 ## Prerequisites
 

lerna.json

@@ -12,5 +12,6 @@
       "allowBranch": "master"
     }
   },
-  "packages": ["packages/*"]
+  "packages": ["packages/*"],
+  "hoist": true
 }

package.json

@@ -4,6 +4,8 @@
     "bootstrap": "lerna bootstrap",
     "changed": "lerna changed",
     "clean": "lerna clean",
+    "lint": "lerna run lint",
+    "lint:fix": "lerna run lint:fix",
     "release": "lerna publish"
   },
   "devDependencies": {

packages/react-property/.eslintrc

@@ -0,0 +1,14 @@
+{
+  "env": {
+    "commonjs": true,
+    "node": true
+  },
+  "extends": "eslint:recommended",
+  "parserOptions": {
+    "ecmaVersion": 6
+  },
+  "plugins": ["prettier"],
+  "rules": {
+    "prettier/prettier": "error"
+  }
+}

packages/react-property/.gitignore

@@ -0,0 +1 @@
+lib/

packages/react-property/README.md

@@ -0,0 +1,82 @@
+# react-property
+
+[![NPM](https://nodei.co/npm/react-property.png)](https://nodei.co/npm/react-property/)
+
+[![NPM version](https://img.shields.io/npm/v/react-property.svg)](https://www.npmjs.com/package/react-property)
+
+HTML and SVG DOM property configs used by React.
+
+## Install
+
+```sh
+# with npm
+$ npm install react-property --save
+
+# with yarn
+$ yarn add react-property
+```
+
+## Usage
+
+Import main module:
+
+```js
+// CommonJS
+const property = require('react-property');
+
+// ES Modules
+import property from 'react-property';
+```
+
+Object output:
+
+```js
+{
+  HTMLDOMPropertyConfig: {
+    autofocus: {
+      propertyName: "autoFocus",
+      hasBooleanValue: true,
+      hasOverloadedBooleanValue: false
+    },
+    // ...
+  },
+  SVGDOMPropertyConfig: {
+    accentheight: {
+      propertyName: 'accentHeight'
+    },
+    // ...
+  },
+  isCustomAttribute: [Function: bound test]
+}
+```
+
+Instead of importing all of the property configs, you can also just import what you need:
+
+```js
+const HTMLDOMPropertyConfig = require('react-property/lib/html');
+const SVGAttributeToProperty = require('react-property/lib/svg/attribute-to-property');
+const isCustomAttribute = require('react-property/lib/is-custom-attribute');
+```
+
+## Layout
+
+```
+.
+├── index.js
+└── lib
+    ├── html
+    │   ├── attribute-to-property.json
+    │   ├── attributes.json
+    │   ├── boolean-properties.json
+    │   ├── index.js
+    │   └── overloaded-boolean-properties.json
+    ├── is-custom-attribute.js
+    └── svg
+        ├── attribute-to-property.json
+        ├── attributes.json
+        └── index.js
+```
+
+## License
+
+MIT. See [license](https://github.com/facebook/react/blob/15-stable/LICENSE) from original project.

packages/react-property/index.js

@@ -0,0 +1,9 @@
+var HTMLDOMPropertyConfig = require('./lib/html');
+var SVGDOMPropertyConfig = require('./lib/svg');
+var isCustomAttribute = require('./lib/is-custom-attribute');
+
+module.exports = {
+  HTMLDOMPropertyConfig: HTMLDOMPropertyConfig,
+  SVGDOMPropertyConfig: SVGDOMPropertyConfig,
+  isCustomAttribute: isCustomAttribute
+};