Merge pull request #413 from bokuweb/typescript

Typescript

.circleci/config.yml

@@ -1,8 +1,8 @@
 
 defaults: &defaults
-  working_directory: ~/react-resizable-box
+  working_directory: ~/re-resizable
   docker:
-    - image: quramy/node-nightmare:latest@sha256:e527e87f8dc37634b953594ff3fe1302068e67129dcffca51ebfa786507c379a
+    - image: bokuweb/node-go-with-browser:latest
       environment:
         DISPLAY: ":99"
 
@@ -14,10 +14,13 @@ jobs:
       - checkout
       - run:
           name: Install dependencies
-          command: yarn
+          command: yarn install --pure-lockfile
       - run:
           name: Lint
-          command: yarn run lint && yarn run flow
+          command: yarn run lint
+      - run:
+          name: Tsc
+          command: yarn run tsc          
       - run:
           name: Test
           command: |
@@ -30,7 +33,7 @@ jobs:
       - checkout
       - run:
           name: Install dependencies
-          command: yarn
+          command: yarn install --pure-lockfile
       - add-ssh-keys:
           fingerprints:
             - "45:1a:73:5c:53:97:cc:7d:ef:b0:75:48:93:9f:08:31"          

.gitignore

@@ -2,3 +2,4 @@ node_modules/
 example/dist/
 lib/
 npm-debug.log
+.rpt2_cache

.prettierrc.js

@@ -0,0 +1,10 @@
+module.exports = {
+  useTabs: false,
+  printWidth: 120,
+  tabWidth: 2,
+  singleQuote: true,
+  trailingComma: "all",
+  jsxBracketSameLine: false,
+  parser: "typescript",
+  semi: true
+};

.storybook/addons.js

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
+// import "@storybook/addon-options/register";
+// import "@storybook/addon-actions/register";
 
-import '@storybook/addon-actions/register';
-import '@storybook/addon-links/register';

.storybook/config.js

@@ -1,9 +1,9 @@
-/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
-
 import { configure } from '@storybook/react';
 
+const req = require.context('../stories', true, /.stories.(ts|tsx)$/);
+
 function loadStories() {
-  require('../stories');
+  req.keys().forEach(filename => req(filename));
 }
 
 configure(loadStories, module);

.storybook/preview-head.html

@@ -0,0 +1,11 @@
+<style>
+    html,
+    body {
+        min-height: 100%;
+        height: 100%;
+    }
+    .main,
+    #root {
+        min-height: 100%;
+    }
+</style>

.storybook/webpack.config.js

@@ -0,0 +1,12 @@
+const path = require("path");
+
+module.exports = (baseConfig, env, defaultConfig) => {
+  defaultConfig.module.rules.push({
+    test: /.*\.(ts|tsx|js|jsx)$/,
+    loader: require.resolve("babel-loader")
+  });
+
+  defaultConfig.resolve.extensions.push(".ts", ".tsx");
+
+  return defaultConfig;
+};

.travis.yml

@@ -10,9 +10,9 @@ before_install:
   - Xvfb :99 -screen 0 1024x768x24 > /dev/null 2>&1 &
 
 install:
-  - yarn install
+  - yarn install --pure-lockfile
 
 script:
-  - yarn run flow
+  - yarn run tsc
   - yarn run lint
   - yarn run test

babel.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  presets: ['@babel/preset-typescript', '@babel/preset-react'],
+  plugins: ['@babel/plugin-transform-modules-commonjs', '@babel/plugin-proposal-class-properties'],
+};