Makefile example page build issues resolution

Author: kebabmaster

.travis.yml

@@ -3,26 +3,26 @@ cache:
   directories:
     - node_modules
 node_js:
-  - "8"
+  - 12
 notifications:
   email:
     recipients:
       - aron.helser@kitware.com
     on_success: change
     on_failure: always
 install:
-  - npm install
+  - yarn
 
 script:
-  - npm run build
+  - yarn build
   - git config --global user.name "Travis CI"
   - git config --global user.email "aron.helser@kitware.com"
   - export GIT_PUBLISH_URL=https://${GH_TOKEN}@github.com/wwayne/react-tooltip.git
-  - if [ "$TRAVIS_BRANCH" == "master" ] && [ "$TRAVIS_PULL_REQUEST" = "false" ]; then npm run gh-pages -- --repo ${GIT_PUBLISH_URL}; fi
+  - if [ "$TRAVIS_BRANCH" == "master" ] && [ "$TRAVIS_PULL_REQUEST" = "false" ]; then yarn gh-pages -- --repo ${GIT_PUBLISH_URL}; fi
 
 after_success:
-  - npm run semantic-release
+  - yarn semantic-release
 
 branches:
   except:
-    - "/^v\\d+\\.\\d+\\.\\d+$/"
+    - "/^v\\d+\\.\\d+\\.\\d+$/"

Makefile

@@ -4,7 +4,7 @@ EXAMPLE_SRC  = example/src
 STANDALONE   = standalone
 SRC          = src
 DIST         = dist
-TEST         = test/*.test.js
+TEST         = test/*.spec.js
 MOCHA_OPTS   = --compilers js:babel-core/register --require test/setup.js -b --timeout 20000 --reporter spec
 
 lint:
@@ -30,7 +30,7 @@ devCSS:
 	@$(NODE_BIN)/node-sass -w $(EXAMPLE_SRC)/index.scss $(EXAMPLE_DIST)/index.css
 
 deployExample:
-	@$(NODE_BIN)/browserify -t babelify $(EXAMPLE_SRC)/index.js -o $(EXAMPLE_DIST)/index.js -dv
+	@$(NODE_BIN)/browserify -t [ babelify --presets  [@babel/preset-env @babel/react] ] $(EXAMPLE_SRC)/index.js -o $(EXAMPLE_DIST)/index.js -dv
 	@$(NODE_BIN)/node-sass $(EXAMPLE_SRC)/index.scss $(EXAMPLE_DIST)/index.css
 	@$(NODE_BIN)/node-sass $(SRC)/index.scss $(EXAMPLE_DIST)/style.css
 
@@ -53,9 +53,9 @@ deploy: lint
 	@echo Deploy...
 	@rm -rf dist && mkdir dist
 	@rm -rf $(EXAMPLE_DIST) && mkdir -p $(EXAMPLE_DIST)
+	@make deployJS
 	@make deployExample
 	@make convertCSS
-	@make deployJS
 	@make genStand
 	@echo success!
 

README.md

@@ -72,7 +72,7 @@ className	|   data-class  |  String  |   | extra custom class, can use !importan
  border  |   data-border  |  Bool  |  true, false | Add one pixel white border
  textColor | data-text-color | String | e.g. red | Popup text color
  backgroundColor | data-background-color | String | e.g. yellow | Popup background color
- arrowColor | data-arrow-color | String | e.g. #fff | Popup arrow color - if not specified, will use the *backgroundColor* value
+ arrowColor | data-arrow-color | String | e.g. #fff | Popup arrow color - if not specified, will use the `backgroundColor` value
  getContent | null | Func or Array | (dataTip) => {}, [(dataTip) => {}, Interval] | Generate the tip content dynamically
  afterShow | null | Func | (evt) => {} | Function that will be called after tooltip show, with event that triggered show
  afterHide | null | Func | (evt) => {} | Function that will be called after tooltip hide, with event that triggered hide