Migrate @fluent/react to TypeScript (#458)

* Migrate @fluent/react to TypeScript

* Fix paths in fluent-gecko

* Return ReactElement from Localized

React typings (wrongly) expect the return type of functional components
to be a ReactElement, thus making () => "Hello" invalid. This is
incorrect; as of React 16, it's possible to return plain strings from
functional components and Component.render(). See DefinitelyTyped#18912
and TypeScript#21699.

To work around this, annotate the return value of Localized to be of
type ReactElement, and whenever a string or null are returned, wrap them
in Fragments.

* Add the build make target

* Fix compat.js make target

* Export props interfaces

* Export MarkupParser type

* Fix return type of withLocalization

* Convert elems keys to lowercase; lookup via Element.localName

* Use Node.nodeName.toLowerCase() for elems lookup

* Add a comment about bundle.getMessage(id)!

* Move src/vendor out of src/

Author: stasm

eslint_src.json

@@ -22,10 +22,6 @@
         "no-unreachable": 1,
         "no-unexpected-multiline": 2,
         "no-sparse-arrays": 2,
-        "complexity": [
-            1,
-            18
-        ],
         "dot-location": [
             2,
             "property"

fluent-bundle/makefile

@@ -23,6 +23,7 @@ test: esm/.compiled
 	    --require esm \
 	    test/**/*_test.js
 
+.PHONY: build
 build: index.js compat.js
 
 index.js: esm/.compiled

fluent-dedent/makefile

@@ -23,6 +23,7 @@ test: esm/.compiled
 	    --require esm \
 	    test/**/*_test.js
 
+.PHONY: build
 build: index.js compat.js
 
 index.js: esm/.compiled

fluent-dom/makefile

@@ -11,6 +11,7 @@ test:
 	    --require ./test/index \
 	    test/**/*_test.js
 
+.PHONY: build
 build: index.js compat.js
 
 index.js: $(SOURCES)

fluent-gecko/makefile

@@ -12,6 +12,7 @@ test:
 	    --require esm \
 	    test/**/*_test.js
 
+.PHONY: build
 build: Fluent.jsm FluentSyntax.jsm Localization.jsm DOMLocalization.jsm l10n.js fluent-react.js
 
 Fluent.jsm: $(SOURCES)
@@ -53,6 +54,7 @@ l10n.js: $(SOURCES)
 	@echo -e " $(OK) $@ built"
 
 fluent-react.js: $(SOURCES)
+	$(MAKE) -sC ../fluent-react compile
 	@rollup $(CURDIR)/src/fluent-react.js \
 	    --config ./vendor_config.js \
 	    --output.intro "/* $(call version,fluent-react) */" \

fluent-gecko/src/fluent-react.js

@@ -1 +1 @@
-export * from "../../fluent-react/src/index.js";
+export * from "../../fluent-react/esm/index.js";

fluent-langneg/makefile

@@ -9,6 +9,7 @@ test:
 	    --require esm \
 	    test/**/*_test.js
 
+.PHONY: build
 build: index.js compat.js
 
 index.js: $(SOURCES)

fluent-react/.esdoc.json

@@ -1,2 +1,3 @@
+esm/
 /index.js
 /compat.js

fluent-react/.gitignore

@@ -1,8 +1,10 @@
 .nyc_output
 coverage
-docs
+esm/.compiled
 examples
+src
 test
 makefile
 babel.config.js
 compat_config.js
+tsconfig.json