New implementation

.eslintrc

@@ -0,0 +1,162 @@
+{
+  "parser": "babel-eslint",
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true
+  },
+  "plugins": ["react"],
+  "rules": {
+    "strict": 0,
+
+    "comma-dangle": 2,                // Disallow or enforce trailing commas
+    "no-cond-assign": 2,              // Disallow assignment in conditional expressions
+    "no-console": 1,                  // Disallow use of console (off by default in the node environment)
+    "no-constant-condition": 2,       // Disallow use of constant expressions in conditions
+    "no-control-regex": 2,            // Disallow control characters in regular expressions
+    "no-debugger": 2,                 // Disallow use of debugger
+    "no-dupe-args": 2,                // Disallow duplicate arguments in functions
+    "no-dupe-keys": 2,                // Disallow duplicate keys when creating object literals
+    "no-duplicate-case": 2,           // Disallow a duplicate case label.
+    "no-empty": 2,                    // Disallow empty statements
+    "no-empty-class": 2,              // Disallow the use of empty character classes in regular expressions
+    "no-ex-assign": 2,                // Disallow assigning to the exception in a catch block
+    "no-extra-boolean-cast": 2,       // Disallow double-negation boolean casts in a boolean context
+    "no-extra-parens": 0,             // Disallow unnecessary parentheses (off by default)
+    "no-extra-semi": 2,               // Disallow unnecessary semicolons
+    "no-func-assign": 2,              // Disallow overwriting functions written as function declarations
+    "no-inner-declarations": 2,       // Disallow function or variable declarations in nested blocks
+    "no-invalid-regexp": 2,           // Disallow invalid regular expression strings in the RegExp constructor
+    "no-irregular-whitespace": 2,     // Disallow irregular whitespace outside of strings and comments
+    "no-negated-in-lhs": 2,           // Disallow negation of the left operand of an in expression
+    "no-obj-calls": 2,                // Disallow the use of object properties of the global object (Math and JSON) as functions
+    "no-regex-spaces": 2,             // Disallow multiple spaces in a regular expression literal
+    "no-reserved-keys": 2,            // Disallow reserved words being used as object literal keys (off by default)
+    "no-sparse-arrays": 2,            // Disallow sparse arrays
+    "no-unreachable": 2,              // Disallow unreachable statements after a return, throw, continue, or break statement
+    "use-isnan": 2,                   // Disallow comparisons with the value NaN
+    "valid-jsdoc": 2,                 // Ensure JSDoc comments are valid (off by default)
+    "valid-typeof": 2,                // Ensure that the results of typeof are compared against a valid string
+
+
+    "consistent-return": 2,           // Require return statements to either always or never specify values
+    "curly": 2,                       // Specify curly brace conventions for all control statements
+    "default-case": 2,                // Require default case in switch statements (off by default)
+    "eqeqeq": 2,                      // Require the use of === and !==
+    "guard-for-in": 2,                // Make sure for-in loops have an if statement (off by default)
+    "no-alert": 2,                    // Disallow the use of alert, confirm, and prompt
+    "no-caller": 2,                   // Disallow use of arguments.caller or arguments.callee
+    "no-div-regex": 2,                // Disallow division operators explicitly at beginning of regular expression (off by default)
+    "no-empty-label": 2,              // Disallow use of labels for anything other then loops and switches
+    "no-eval": 2,                     // Disallow use of eval()
+    "no-extend-native": 2,            // Disallow adding to native types
+    "no-extra-bind": 2,               // Disallow unnecessary function binding
+    "no-fallthrough": 2,              // Disallow fallthrough of case statements
+    "no-floating-decimal": 2,         // Disallow the use of leading or trailing decimal points in numeric literals (off by default)
+    "no-implied-eval": 2,             // Disallow use of eval()-like methods
+    "no-iterator": 2,                 // Disallow usage of __iterator__ property
+    "no-labels": 2,                   // Disallow use of labeled statements
+    "no-lone-blocks": 2,              // Disallow unnecessary nested blocks
+    "no-loop-func": 2,                // Disallow creation of functions within loops
+    "no-multi-spaces": 2,             // Disallow use of multiple spaces
+    "no-multi-str": 2,                // Disallow use of multiline strings
+    "no-native-reassign": 2,          // Disallow reassignments of native objects
+    "no-new": 2,                      // Disallow use of new operator when not part of the assignment or comparison
+    "no-new-func": 2,                 // Disallow use of new operator for Function object
+    "no-new-wrappers": 2,             // Disallows creating new instances of String,Number, and Boolean
+    "no-octal": 2,                    // Disallow use of octal literals
+    "no-octal-escape": 2,             // Disallow use of octal escape sequences in string literals, such as var foo = "Copyright \251";
+    "no-process-env": 2,              // Disallow use of process.env (off by default)
+    "no-proto": 2,                    // Disallow usage of __proto__ property
+    "no-redeclare": 2,                // Disallow declaring the same variable more then once
+    "no-return-assign": 2,            // Disallow use of assignment in return statement
+    "no-script-url": 2,               // Disallow use of javascript: urls.
+    "no-self-compare": 2,             // Disallow comparisons where both sides are exactly the same (off by default)
+    "no-sequences": 2,                // Disallow use of comma operator
+    "no-throw-literal": 2,            // Restrict what can be thrown as an exception (off by default)
+    "no-unused-expressions": 2,       // Disallow usage of expressions in statement position
+    "no-void": 2,                     // Disallow use of void operator (off by default)
+    "no-with": 2,                     // Disallow use of the with statement
+    "radix": 2,                       // Require use of the second argument for parseInt() (off by default)
+    "vars-on-top": 2,                 // Requires to declare all vars on top of their containing scope (off by default)
+    "wrap-iife": 2,                   // Require immediate function invocation to be wrapped in parentheses (off by default)
+    "yoda": 2,                        // Require or disallow Yoda conditions
+
+    "no-catch-shadow": 2,             // Disallow the catch clause parameter name being the same as a variable in the outer scope
+    "no-delete-var": 2,               // Disallow deletion of variables
+    "no-label-var": 2,                // Disallow labels that share a name with a variable
+    "no-shadow": 2,                   // Disallow declaration of variables already declared in the outer scope
+    "no-shadow-restricted-names": 2,  // Disallow shadowing of names such as arguments
+    "no-undef": 2,                    // Disallow use of undeclared variables unless mentioned in a /*global */ block
+    "no-undef-init": 2,               // Disallow use of undefined when initializing variables
+    "no-unused-vars": 2,              // Disallow declaration of variables that are not used in the code
+    "no-use-before-define": 0,
+
+    "indent": [1, 2],                 // This option sets a specific tab width for your code (off by default)
+    "brace-style": 1,                 // Enforce one true brace style (off by default)
+    "camelcase": 1,                   // Require camel case names
+    "comma-spacing": [1, {"before": false, "after": true}], // enforce spacing before and after comma
+    "comma-style": [1, "last"],       // Enforce one true comma style (off by default)
+    "consistent-this": [1, "_this"],  // Enforces consistent naming when capturing the current execution context (off by default)
+    "eol-last": 1,                    // Enforce newline at the end of file, with no multiple empty lines
+    "func-names": 0,                  // Require function expressions to have a name (off by default)
+    "func-style": 0,                  // Enforces use of function declarations or expressions (off by default)
+    "key-spacing": [1, {"beforeColon": false, "afterColon": true}], // enforces spacing between keys and values in object literal properties
+    "max-nested-callbacks": [1, 3],   // Specify the maximum depth callbacks can be nested (off by default)
+    "new-cap": [1, {newIsCap: true, capIsNew: false}], // require a capital letter for constructors
+    "new-parens": 1,                  // Disallow the omission of parentheses when invoking a constructor with no arguments
+    "newline-after-var": 0,           // Allow/disallow an empty newline after var statement (off by default)
+    "no-array-constructor": 1,        // Disallow use of the Array constructor
+    "no-inline-comments": 1,          // Disallow comments inline after code (off by default)
+    "no-lonely-if": 1,                // Disallow if as the only statement in an else block (off by default)
+    "no-mixed-spaces-and-tabs": 1,    // Disallow mixed spaces and tabs for indentation
+    "no-multiple-empty-lines": [1, {"max": 2}], // disallow multiple empty lines (off by default)
+    "no-nested-ternary": 1,           // Disallow nested ternary expressions (off by default)
+    "no-new-object": 1,               // Disallow use of the Object constructor
+    "no-spaced-func": 1,              // Disallow space between function identifier and application
+    "no-ternary": 0,                  // Disallow the use of ternary operators (off by default)
+    "no-trailing-spaces": 1,          // Disallow trailing whitespace at the end of lines
+    "no-underscore-dangle": 0,        // Disallow dangling underscores in identifiers
+    "no-wrap-func": 1,                // Disallow wrapping of non-IIFE statements in parens
+    "one-var": [1, "never"],          // Allow just one var statement per function (off by default)
+    "operator-assignment": [1, "never"], // Require assignment operator shorthand where possible or prohibit it entirely (off by default)
+    "padded-blocks": [0, "never"],        // Enforce padding within blocks (off by default)
+    "quote-props": [1, "as-needed"],      // Require quotes around object literal property names (off by default)
+    "quotes": [1, "single"],              // Specify whether double or single quotes should be used
+    "semi": [1, "always"],                // Require or disallow use of semicolons instead of ASI
+    "semi-spacing": [1, {"before": false, "after": true}], // enforce spacing before and after semicolons
+    "space-before-blocks": [1, "always"], // Require or disallow space before blocks (off by default)
+    "space-in-brackets": [1, "never"],    // Require or disallow spaces inside brackets (off by default)
+    "space-in-parens": [1, "never"],      // Require or disallow spaces inside parentheses (off by default)
+    "space-infix-ops": [1, "always"],     // Require spaces around operators
+    "space-return-throw-case": [1, "always"], // require a space after return, throw, and case
+    "space-unary-ops": [1, {"words": true, "nonwords": false}], // Require or disallow spaces before/after unary operators (words on by default, nonwords off by default)
+    "spaced-line-comment": [1, "always"], // Require or disallow a space immediately following the // in a line comment (off by default)
+    "wrap-regex": 0,                      // Require regex literals to be wrapped in parentheses (off by default)
+
+    "no-var": 2,                              // Require let or const instead of var (off by default)
+    "generator-star-spacing": [2, "before"],  // Enforce the spacing around the * in generator functions (off by default)
+
+    "max-depth": [2, 3],              // Specify the maximum depth that blocks can be nested (off by default)
+    "max-len": [2, 100, 2],           // Specify the maximum length of a line in your program (off by default)
+    "max-params": [2, 5],             // Limits the number of parameters that can be used in the function declaration. (off by default)
+    "max-statements": 0,              // Specify the maximum number of statement allowed in a function (off by default)
+    "no-bitwise": 0,                  // Disallow use of bitwise operators (off by default)
+    "no-plusplus": 2,                 // Disallow use of unary operators, ++ and -- (off by default)
+
+    "react/display-name": 0,            // Prevent missing displayName in a React component definition
+    "react/jsx-quotes": [2, "double", "avoid-escape"], // Enforce quote style for JSX attributes
+    "react/jsx-no-undef": 2,            // Disallow undeclared variables in JSX
+    "react/jsx-sort-props": 0,          // Enforce props alphabetical sorting
+    "react/jsx-uses-react": 2,          // Prevent React to be incorrectly marked as unused
+    "react/jsx-uses-vars": 2,           // Prevent variables used in JSX to be incorrectly marked as unused
+    "react/no-did-mount-set-state": 2,  // Prevent usage of setState in componentDidMount
+    "react/no-did-update-set-state": 2, // Prevent usage of setState in componentDidUpdate
+    "react/no-multi-comp": 0,           // Prevent multiple component definition per file
+    "react/no-unknown-property": 2,     // Prevent usage of unknown DOM property
+    "react/prop-types": 0,              // Prevent missing props validation in a React component definition
+    "react/react-in-jsx-scope": 2,      // Prevent missing React when using JSX
+    "react/self-closing-comp": 2,       // Prevent extra closing tags for components without children
+    "react/wrap-multilines": 2,         // Prevent missing parentheses around multilines JSX
+  }
+}

.gitignore

@@ -2,3 +2,4 @@ node_modules
 components
 example/bundle.js
 example/.git
+lib

.npmignore

@@ -0,0 +1,3 @@
+src
+example
+Makefile

Makefile

@@ -1,29 +1,40 @@
-BIN = ./node_modules/.bin
+BIN = node_modules/.bin
+SRC = $(wildcard src/*.js)
+LIB = $(SRC:src/%=lib/%)
+TESTS = $(wildcard src/__tests__/*-test.js)
 
-all:
+BABEL_OPTS = \
+	--stage 0 \
+	--source-maps-inline
 
-lint:
-	@$(BIN)/jsxhint --force-transform ./index.js
+build: $(LIB)
 
-install:
-	npm install
+test::
+	@echo No tests...
 
-test:
-	#@$(BIN)/mocha complex -b -R spec ./spec.js
+lint::
+	@$(BIN)/eslint $(SRC)
 
-release-patch: test
+clean:
+	@rm -f $(LIB)
+
+sloc:
+	@$(BIN)/sloc ./src
+
+release-patch: lint test build
 	@$(call release,patch)
 
-release-minor: test
+release-minor: lint test build
 	@$(call release,minor)
 
-release-major: test
+release-major: lint test build
 	@$(call release,major)
 
-publish:
-	git push --tags origin HEAD:master
-	npm publish
+publish: build
+	@git push --tags origin HEAD:master
+	@npm publish
 
-define release
-	npm version $(1)
-endef
+lib/%.js: src/%.js
+	@echo "building $@"
+	@mkdir -p $(@D)
+	@$(BIN)/babel $(BABEL_OPTS) -o $@ $<

example/Makefile

@@ -17,5 +17,8 @@ publish:
 	git commit -m 'Docs'
 	git push -f git@github.com:andreypopp/react-textarea-autosize.git gh-pages
 
-bundle.js: ../index.js index.js ../package.json
-	@$(BIN)/browserify  --transform [ reactify --harmony ] ./index.js > $@
+bundle.js: index.js
+	@$(BIN)/browserify --debug --transform [ babelify --stage 0 ] ./index.js > $@
+
+watch:
+	@$(BIN)/watchify -v --debug --transform [ babelify --stage 0 ] ./index.js -o $@

example/index.html

@@ -16,7 +16,6 @@
 <body>
   <h1>React &lt;TextareaAutosize /&gt; component</h1>
   <div id="main"></div>
-  <script src="//polyfill.io"></script>
   <script src="bundle.js"></script>
 </body>
 

example/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var TextareaAutosize = require('../');
+var TextareaAutosize = require('../src/TextareaAutosize');
 
 var Demo = React.createClass({
 
@@ -11,6 +11,7 @@ var Demo = React.createClass({
         <div>
           <h2>Controlled mode</h2>
           <TextareaAutosize
+            useCacheForDOMMeasurements
             value={this.state.value}
             onChange={this.onChange}
             />

example/package.json

@@ -1,15 +1,10 @@
 {
   "name": "react-textarea-autosize-example",
   "version": "1.0.0",
-  "description": "",
   "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
   "dependencies": {
+    "babelify": "^6.0.2",
     "browserify": "^6.0.0",
-    "react": "^0.12.0"
-  },
-  "author": "",
-  "license": "MIT"
+    "watchify": "^3.1.0"
+  }
 }