Update on typings

Author: Ives van Hoorne

.flowconfig

@@ -1,10 +1,32 @@
 [ignore]
-.*/node_modules/fbjs/.*
+# We vendor our src directory, which is not needed for type-checking
+.*/styled-components/src/.*
 
 [include]
 
 [libs]
-flow-typed/
+# This is were your own flow-typed libdefs go
+flow-typed
+
+# These declarations are super explicit...
+# We want to show what libdef files we need to make
+# flow understand all external dependencies
+#
+# If you have similar dependencies, you will need to
+# check which libdef files are covered by your flow-typed
+# directory!
+#
+# A more generic approach (please use with caution!):
+# node_modules/styled-components/flow-typed/*.js
+
+node_modules/styled-components/flow-typed/react-native.js
+node_modules/styled-components/flow-typed/glamor_vx.x.x.js
+node_modules/styled-components/flow-typed/lodash_v4.x.x.js
+node_modules/styled-components/flow-typed/react-native.js
+node_modules/styled-components/flow-typed/inline-style-prefixer_vx.x.x.js
 
 [options]
-suppress_comment=\\(.\\|\n\\)*\\$FlowIssue
+
+# Yeah, we use this to ignore errors...
+# Just add it, if you have a different suppress_comment notation
+suppress_comment=.*\\$FlowIssue

.vscode/tasks.json

@@ -0,0 +1,11 @@
+{
+    // See https://go.microsoft.com/fwlink/?LinkId=733558
+    // for the documentation about the tasks.json format
+    "version": "0.1.0",
+    "command": "tsc",
+    "isShellCommand": true,
+    "args": ["-w", "-p", "."],
+    "showOutput": "silent",
+    "isWatching": true,
+    "problemMatcher": "$tsc-watch"
+}

config/babel.dev.js

@@ -31,7 +31,7 @@ module.exports = {
       regenerator: true,
       // Resolve the Babel runtime relative to the config.
       // You can safely remove this after ejecting:
-      moduleName: path.dirname(require.resolve('babel-runtime/package'))
+      moduleName: path.dirname(require.resolve('babel-runtime/package')),
     }],
     require.resolve('react-hot-loader/babel'),
   ],

config/babel.prod.js

@@ -5,21 +5,21 @@ module.exports = {
   babelrc: false,
   presets: [
     // Latest stable ECMAScript features
-    require.resolve('babel-preset-latest'),
+    ['es2015', { modules: false }],
     // JSX, Flow
-    require.resolve('babel-preset-react')
+    'react',
   ],
   plugins: [
     // To split lodash modules
-    require.resolve('babel-plugin-lodash'),
+    // require.resolve('babel-plugin-lodash'),
     // class { handleClick = () => { } }
     require.resolve('babel-plugin-transform-class-properties'),
     // { ...todo, completed: true }
     require.resolve('babel-plugin-transform-object-rest-spread'),
     // function* () { yield 42; yield 43; }
     [require.resolve('babel-plugin-transform-regenerator'), {
       // Async functions are converted to generators by babel-preset-latest
-      async: false
+      async: false,
     }],
     // Polyfills the runtime needed for async/await and generators
     [require.resolve('babel-plugin-transform-runtime'), {
@@ -28,13 +28,13 @@ module.exports = {
       regenerator: true,
       // Resolve the Babel runtime relative to the config.
       // You can safely remove this after ejecting:
-      moduleName: path.dirname(require.resolve('babel-runtime/package'))
+      moduleName: path.dirname(require.resolve('babel-runtime/package')),
     }],
     // Optimization: hoist JSX that never changes out of render()
     // Disabled because of issues:
     // * https://github.com/facebookincubator/create-react-app/issues/525
     // * https://phabricator.babeljs.io/search/query/pCNlnC2xzwzx/
     // TODO: Enable again when these issues are resolved.
     // require.resolve('babel-plugin-transform-react-constant-elements')
-  ]
+  ],
 };