Initial commit

Author: cvle

.babelrc

@@ -0,0 +1,28 @@
+{
+  "env": {
+    "build-lib": {
+      "presets": [["es2015", { "modules": false }], "react"],
+      "plugins": [
+        "transform-object-assign"
+      ]
+    },
+    "build-cjs": {
+      "presets": ["es2015", "react"],
+      "plugins": [
+        "transform-object-assign"
+      ]
+    },
+    "test": {
+      "presets": ["es2015", "react"],
+      "plugins": [
+        "rewire"
+      ]
+    },
+    "coverage": {
+      "presets": ["es2015"],
+      "plugins": [
+        "istanbul", "rewire"
+      ]
+    }
+  }
+}

.eslintrc.yml

@@ -0,0 +1,21 @@
+extends:
+  - airbnb-base
+env:
+  es6: true
+  node: true
+rules:
+  # sometimes brackets are useful for formatting.
+  arrow-body-style: 0
+
+  # align with typescript.
+  quotes: ["error", "double", {
+    "avoidEscape": true,
+    "allowTemplateLiterals": true
+  }]
+
+  # we use js mainly for non production code.
+  import/no-extraneous-dependencies: ["error", {
+    "devDependencies": true,
+    "optionalDependencies": true,
+    "peerDependencies": true
+  }]

.gitignore

@@ -0,0 +1,7 @@
+/node_modules/
+/coverage/
+/npm-debug.log
+/lib/
+/cjs/
+/.awcache/
+/.nyc_output/

.travis.yml

@@ -0,0 +1,36 @@
+sudo: required
+dist: trusty
+language: node_js
+node_js:
+- 6
+addons:
+  apt:
+    sources:
+    - google-chrome
+    packages:
+    - google-chrome-stable
+    - google-chrome-beta
+before_install:
+- export CHROME_BIN=chromium-browser
+- export DISPLAY=:99.0
+- sh -e /etc/init.d/xvfb start
+before_script:
+- npm prune
+script:
+- npm run lint
+- npm run test
+- npm run test:coverage
+after_success:
+- npm run ci:coveralls
+before_deploy:
+- npm run build
+deploy:
+  provider: npm
+  on:
+    repo: wikiwi/react-css-transition
+    tags: true
+    node: 6
+  skip_cleanup: true
+  email: vinh@wikiwi.io
+  api_key:
+    secure: ROnp0q0AUa+2Vm2b4MNgnzT4hmyS6fjDAPfwaeERecZC8grY0HnCdwbKgtXw20rC89O9TyhL1oPsliJJA2zu2jNwb04hVze437cBWKamboez1GlhnpC8WPPogbkEQtkPjykFgL2RzsVDY0IPiyqsmwKPtxOJ+TCAIlflWSucLw0ibZUpLr/G7MUe6nNk/a3UlbmdrLvp+j8xu3SLgJ4tYbTNhnQKtRTC2EpCV8M0vcRanCfzOjajBLRf9vdVhf56FLbnUvj3wDQFzTLZj23hq0TniX4JXGoB91KnPKZ92EY6kXM2y1c980smq12K1O2LONOm7YgZsuz3B1/esg4hhU1Ev0IzB1YBE+8wO/2w+cbmnfdldCYJPAKGvL14ZeD5DZEu/SnlLYzs6ltzpJGHtgdw7d1Hg1jMaSdnLZ6DejBd5ywFeXbs0RIjal3Ae2QpmbbM6aqZJooTC6G9KoCzKYs3EI/cMT733JgyfWlY751yKPlYnIYoxez7ad0YNOWo5yjjWEzS2X0ZOdqH0c1OhJGhWuT0kS5RqjUo+LPd11btR1aKbwAkYRz9OfSbOQAD2cI58Xcn9JfaPbL3CEx7zBXwGZ4xvViw7emzG/g0gRXmLgZNxdUG0VjPLb9MgH2Uh66k0o9Ab1/zZum8jHkDRXWPDXxK+GRTp+WukOrz9Oc=

.vimrc

@@ -0,0 +1,23 @@
+set backupcopy=yes
+let s:path = expand('<sfile>:p:h')
+let g:syntastic_typescript_checkers = ['tslint']
+let g:syntastic_javascript_checkers = ['eslint']
+let g:syntastic_yaml_checkers = ['jsyaml']
+let NERDTreeShowHidden=1
+
+let g:formatdef_eslint = '"cat > '.expand("%:p:h").'/.fix.'.expand('%:t').';'.
+      \ s:path.'/node_modules/.bin/eslint --fix --ignore-pattern ''!*'' '.expand("%:p:h").'/.fix.'.expand('%:t').'> /dev/null 2>&1;'.
+      \ 'cat '.expand("%:p:h").'/.fix.'.expand('%:t').';'.
+      \ 'rm '.expand("%:p:h").'/.fix.'.expand('%:t').'"'
+let g:formatters_javascript = ['eslint']
+
+:function Autoformat()
+:  if exists(":Autoformat") | :Autoformat | endif
+:endfunction
+
+execute 'au BufWrite '.s:path.'/*.tsx :call Autoformat()'
+execute 'au BufWrite '.s:path.'/*.ts :call Autoformat()'
+execute 'au BufWrite '.s:path.'/*.d.ts :call Autoformat()'
+execute 'au BufWrite '.s:path.'/*.json :call Autoformat()'
+execute 'au BufWrite '.s:path.'/*.js :call Autoformat()'
+

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (C) 2016 Chi Vinh Le and contributors.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,27 @@
+# react-css-transition
+
+Take back control of CSS Transitions for React!
+
+[![NPM Version Widget]][npm version]
+[![Build Status Widget]][build status]
+[![Coverage Status Widget]][coverage status]
+
+## Installation
+
+```sh
+npm install react-css-transition --save
+```
+
+
+[npm version]: https://www.npmjs.com/package/react-css-transition
+
+[npm version widget]: https://img.shields.io/npm/v/react-css-transition.svg?style=flat-square
+
+[build status]: https://travis-ci.org/wikiwi/react-css-transition
+
+[build status widget]: https://img.shields.io/travis/wikiwi/react-css-transition/master.svg?style=flat-square
+
+[coverage status]: https://coveralls.io/github/wikiwi/react-css-transition?branch=master
+
+[coverage status widget]: https://img.shields.io/coveralls/wikiwi/react-css-transition/master.svg?style=flat-square
+

gulpfile.js

@@ -0,0 +1,78 @@
+const gulp = require("gulp");
+const ts = require("gulp-typescript");
+const tslint = require("gulp-tslint");
+const jsonlint = require("gulp-jsonlint");
+const eslint = require("gulp-eslint");
+const merge = require("merge2");
+const yamllint = require("gulp-yaml-validate");
+const babel = require("gulp-babel");
+const sourcemaps = require("gulp-sourcemaps");
+const fs = require("fs");
+
+const babelConfig = JSON.parse(fs.readFileSync("./.babelrc", "utf8"));
+
+const files = {
+  tsWithoutTest: ["./src/**/*.ts", "./src/**/*.tsx", "!./src/**/*.spec.tsx", "!./src/**/*.spec.ts"],
+  tsWithTest: ["./src/**/*.ts", "./src/**/*.tsx", "test/**/*.ts", "test/**/*.tsx"],
+  json: ["./*.json", "./.babelrc"],
+  yml: ["./*.yml"],
+  js: ["./*.js"],
+};
+
+function onBuildError() {
+  this.once("finish", () => process.exit(1));
+}
+
+function build(type) {
+  return () => {
+    const tsProject = ts.createProject("tsconfig.json", {
+      noEmitOnError: true,
+      declaration: type === "lib",
+      target: "es6",
+      module: "es6",
+    });
+    const tsResult = gulp.src(files.tsWithoutTest)
+      .pipe(sourcemaps.init())
+      .pipe(tsProject())
+      .once("error", onBuildError);
+    return merge([
+      tsResult.dts.pipe(gulp.dest(type)),
+      tsResult.js
+        .pipe(babel(babelConfig.env[`build-${type}`]))
+        .pipe(sourcemaps.write("."))
+        .pipe(gulp.dest(type)),
+    ]);
+  };
+}
+
+gulp.task("lib", ["lint"], build("lib"));
+gulp.task("commonjs", ["lint"], build("cjs"));
+
+gulp.task("tslint", () => {
+  return gulp.src(files.tsWithTest)
+    .pipe(tslint({
+      formatter: "verbose",
+    }))
+  .pipe(tslint.report());
+});
+
+gulp.task("eslint", () => {
+  return gulp.src(files.js, { dot: true })
+    .pipe(eslint())
+    .pipe(eslint.format())
+    .pipe(eslint.failAfterError());
+});
+
+gulp.task("jsonlint", () => {
+  return gulp.src(files.json, { dot: true })
+    .pipe(jsonlint())
+    .pipe(jsonlint.reporter());
+});
+
+gulp.task("yamllint", () => {
+  return gulp.src(files.yml, { dot: true })
+    .pipe(yamllint());
+});
+
+gulp.task("lint", ["jsonlint", "eslint", "tslint", "yamllint"]);
+gulp.task("default", ["lint", "lib", "commonjs"]);

karma.conf.js

@@ -0,0 +1,70 @@
+const path = require("path");
+
+module.exports = (config) => {
+  config.set({
+    browsers: ["Chrome"], // run in Chrome
+    singleRun: true, // just run once by default
+    frameworks: ["mocha"], // use the mocha test framework
+    files: [
+      "tests.webpack.js", // just load this file
+    ],
+    preprocessors: {
+      "tests.webpack.js": ["webpack", "sourcemap"], // preprocess with webpack and our sourcemap loader
+    },
+    remapCoverageReporter: {
+      "text-summary": null,
+//      json: './coverage/coverage.json',
+//      html: './coverage/html'
+    },
+    coverageReporter: {
+      reporters: [
+        { type: "in-memory" },
+      ],
+    },
+    // TODO: enable coverage after https://github.com/deepsweet/istanbul-instrumenter-loader/pull/29.
+    reporters: ["dots"], // , "coverage", "remap-coverage"], // report results in this format
+    webpack: { // kind of a copy of your webpack config
+      resolve: {
+        extensions: [".tsx", ".ts", ".js", ".json"],
+      },
+      // as required by sinon: https://github.com/airbnb/enzyme/blob/master/docs/guides/webpack.md.
+      externals: {
+        "react/addons": true,
+        "react/lib/ExecutionEnvironment": true,
+        "react/lib/ReactContext": true,
+      },
+      devtool: "inline-source-map", // just do inline source maps instead of the default
+      module: {
+        rules: [
+          {
+            test: /\.json$/,
+            loader: "json",
+          },
+          {
+            test: /\.tsx?$/,
+            loader: "awesome-typescript",
+            query: {
+              sourceMap: true,
+              useBabel: true,
+              useCache: false,
+              module: "commonjs",
+            },
+          },
+          {
+            enforce: "post",
+            test: /\.tsx?$/,
+            include: path.resolve("src"),
+            loader: "istanbul-instrumenter",
+            exclude: [
+              /\.spec\.tsx?$/,
+              /node_modules/,
+            ],
+          },
+        ],
+      },
+    },
+    webpackServer: {
+      noInfo: true,
+    },
+  });
+};

mocha.opts

@@ -0,0 +1,4 @@
+--compilers tsx:ts-babel-node/register,ts:ts-babel-node/register
+--reporter dot
+src/**/*.spec.tsx
+src/**/*.spec.ts