Karl Horky karlhorky

I use following solution which work great:

.flowconfig file is placed to src folder.
node_modules and flow-typed folders resides in root folder.
Option all=true is enabled in .flowconfig file.
flow-typed typings is included in .flowconfig file.
Well-typed modules from node_modules folder that contain module own typings is included to .flowconfig file manually.

	// Source: https://github.com/facebook/flow/issues/3367#issuecomment-414490844
	// Flow Try: https://flow.org/try/#0C4TwDgpgBACglgYwNYB4DyAnOBzOA7ALijQCMArCBYAGigGkIQBnI0iqgPigF4oASNgFkAhmDgoAUFHqMm1KVBQMQHABRIiygJQ8ufAKIAbCAFsIeYABVwEdFlx5ayjhI4BuCRNCQolgAw8sIioAN5IfkQkAPZRxsJ4AL60YRFQ8SAJ7grSEghReEzAUAip-oEpRMAYAK4QCW5QAPSNUHhRUBAYGFEYnnkFRQgAjERlvBVQQ371TS2d3RhAA

	// I've just came across with the need of defining an object type
	// using a subset of another, or in other words, use some props
	// definition of a certain object type and intersect this result
	// (a reduced object type) with another set of props definitions
	// to define a new type.

	// I used to do this a lot with PropTypes using pick utility from

	// Source: https://github.com/facebook/flow/issues/3367#issuecomment-397933288

	// We can replicate $Omit non dynamic functionality by doing the following:

	type T0 = {
	k0: string,
	k1: number,
	k2: boolean
	};

	// @flow

	// Originally from https://github.com/facebook/flow/issues/2639#issuecomment-409803679

	const foo = 'FOO';

	function literal(type) {
	return { [type]: type };
	}

	// Interactive demo on Try Flow: https://flow.org/try/#0PTAEGEHsFsAcEMBOBTUAXAFgSwM4DoCAoAE2QGMAbJVAMwFcA7MtLSB0XAZTUSwYHNQACgBu8CnWQAuUDh59+AShk9JAbhLkqKUPSYs2HHN14DhYidNDwGAT2W7xOZBsJ7mrdl3lmh8RaAA3oSgoChodIjsaLawyJA01qAAvKmgAORypvzpGgC+hIQgoJxYcBSoZPDOOKAA7pCIANaEQt7ZQunw6Q6qyIoabcY+-EIAjA40Tv2uxQCyjZUwsBUAHqBVNaDEbOlo9Y1NUpqU1KBiiNYyAPxZCoPtCn6T0wOgxQCiiIiNwnxkjRQzEUhWKBDw8H48D4cnQ2BwxyKYAAQsg0GhkJcYnEyBhyE0FKA6DhCQBSXH4nBI0AAJWQNBkGHRsARIBoFEgdTwjX4wGQDGAOzIOGA2OQIvcBgYIoAxGhIGQALSwFDELBVDGKyWeKnawyPAQAJmeMnJeLITVqwVC4Ui0Vi8US8BSaUyI1yhAKbkYHkMAKY8DQfhudwEABpQAAjEMjByhwTWjiJIYmBTG-ygABkmaMqaNQkjigCiZtaLtSQA1FGNKECqWIlEMh68kA
	// More information in this GitHub Issue: https://github.com/facebook/flow/issues/34

	// Compare this...
	declare function isString (value: string): true;
	declare function isString (value: any): false;

	function isString (a) {
	return typeof a === 'string';
	}

	// From https://github.com/facebook/flow/issues/627#issuecomment-389668600

	// Pay special attention to:
	// 1. We are casting each value to its own, as otherwise all of them would be strings
	// 2. Freezing would be strictly required if we weren't casting each value to its
	// own (1), but as we are, its becomes optional here from the flow point of view
	const all = Object.freeze({
	green: ("COLOR_GREEN": "COLOR_GREEN"),
	red: ("COLOR_RED": "COLOR_RED"),
	yellow: ("COLOR_YELLOW": "COLOR_YELLOW"),

	{
	"scripts": {
	"cli": "bash -c 'node -r @babel/register src/cli.js $1 $([[ $1 =~ login\|logout ]] && echo \"--identity ../local-dev/cli_id_rsa\" \|\| echo \"\")' -- "
	}
	}

	import {setPath} from './2';

	(async () => {
	await setPath();
	// Could also do dynamic import() here with https://github.com/airbnb/babel-plugin-dynamic-import-node
	require('./3');
	})();

	# Enter this in the browser address bar to get a simple page where text can be added:
	data:text/html,<html contenteditable>