Use ES6 module syntax, add pkg.module to manifest, bump Buble

i-like-robots · Jan 18, 2018 · ad1bf23 · ad1bf23
1 parent 983c1a3
commit ad1bf23
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 29 deletions.
diff --git a/example/main.js b/example/main.js
@@ -1,9 +1,7 @@
-'use strict'
-
-const React = require('react')
-const ReactDom = require('react-dom')
-const Tags = require('../lib/ReactTags')
-const suggestions = require('./countries')
+import React from 'react'
+import ReactDom from 'react-dom'
+import Tags from '../lib/ReactTags'
+import suggestions from './countries'
 
 class App extends React.Component {
   constructor (props) {

diff --git a/lib/Input.js b/lib/Input.js
@@ -1,6 +1,4 @@
-'use strict'
-
-const React = require('react')
+import React from 'react'
 
 const SIZER_STYLES = {
   position: 'absolute',
@@ -86,4 +84,4 @@ class Input extends React.Component {
   }
 }
 
-module.exports = Input
+export default Input
diff --git a/lib/ReactTags.js b/lib/ReactTags.js
@@ -1,10 +1,8 @@
-'use strict'
-
-const React = require('react')
-const PropTypes = require('prop-types')
-const Tag = require('./Tag')
-const Input = require('./Input')
-const Suggestions = require('./Suggestions')
+import React from 'react'
+import PropTypes from 'prop-types'
+import Tag from './Tag'
+import Input from './Input'
+import Suggestions from './Suggestions'
 
 const KEYS = {
   ENTER: 'Enter',
@@ -229,4 +227,4 @@ ReactTags.propTypes = {
   ])
 }
 
-module.exports = ReactTags
+export default ReactTags
diff --git a/lib/Suggestions.js b/lib/Suggestions.js
@@ -1,6 +1,4 @@
-'use strict'
-
-const React = require('react')
+import React from 'react'
 
 function escapeForRegExp (query) {
   return query.replace(/[-\\^$*+?.()|[\]{}]/g, '\\$&')
@@ -78,4 +76,4 @@ class Suggestions extends React.Component {
   }
 }
 
-module.exports = Suggestions
+export default Suggestions
diff --git a/lib/Tag.js b/lib/Tag.js
@@ -1,8 +1,6 @@
-'use strict'
+import React from 'react'
 
-const React = require('react')
-
-module.exports = (props) => (
+export default (props) => (
   <button type='button' className={props.classNames.selectedTag} title='Click to remove tag' onClick={props.onDelete}>
     <span className={props.classNames.selectedTagName}>{props.tag.name}</span>
   </button>

diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "version": "5.4.1",
   "description": "React Tag Autocomplete is a simple tagging component ready to drop in your React projects.",
   "main": "dist-es5/ReactTags.js",
-  "jsnext:main": "dist-es6/ReactTags.js",
+  "module": "dist-es6/ReactTags.js",
   "scripts": {
     "pretest": "npm run lint && npm run build:es5",
     "test": "jasmine",
@@ -12,7 +12,7 @@
     "dev": "webpack-dev-server --progress --colors --port ${PORT:-8080} --host 0.0.0.0",
     "build:example": "webpack -p --config-name example",
     "build:es5": "buble lib --objectAssign -o dist-es5",
-    "build:es6": "buble lib --objectAssign -o dist-es6 -t node:6",
+    "build:es6": "buble lib --objectAssign -o dist-es6 -t node:6 -n modules",
     "prepublish": "npm run build:es5 && npm run build:es6"
   },
   "files": [
@@ -46,7 +46,7 @@
     "react-dom": "^16.0.0"
   },
   "devDependencies": {
-    "buble": "^0.17.0",
+    "buble": "^0.18.0",
     "buble-loader": "^0.4.1",
     "coveralls": "^3.0.0",
     "istanbul": "^0.4.4",