Publish flow types (mapbox#7079)

Closes mapbox#6963

Author: anandthakker

.flowconfig

@@ -11,6 +11,7 @@
 .*/node_modules/@mapbox/geojson-types/fixtures/.*
 .*/test/unit/style-spec/fixture/invalidjson.input.json
 .*/test/integration/render-tests/.*
+.*/test/build/downstream-flow-fixture/.*
 
 [version]
 0.77.0

build/mapbox-gl.js.flow

@@ -0,0 +1,3 @@
+// @flow
+/* eslint-disable */
+export * from '../src/index.js';

circle.yml

@@ -132,6 +132,7 @@ jobs:
       - run: yarn run build-dev
       - run: yarn run build-css
       - run: yarn run build-style-spec
+      - run: yarn run build-flow-types
       - run: yarn run test-build
       - persist_to_workspace:
           root: .

package.json

@@ -109,6 +109,7 @@
     "build-dev": "rollup -c --environment BUILD:dev",
     "watch-dev": "rollup -c --environment BUILD:dev --watch",
     "build-min": "rollup -c --environment BUILD:production",
+    "build-flow-types": "cp build/mapbox-gl.js.flow dist/mapbox-gl.js.flow && cp build/mapbox-gl.js.flow dist/mapbox-gl-dev.js.flow",
     "build-css": "postcss -o dist/mapbox-gl.css src/css/mapbox-gl.css",
     "build-style-spec": "cd src/style-spec && npm run build && cd ../.. && mkdir -p dist/style-spec && cp src/style-spec/dist/* dist/style-spec",
     "watch-css": "postcss --watch -o dist/mapbox-gl.css src/css/mapbox-gl.css",
@@ -139,7 +140,7 @@
     "test-flow": "build/run-node build/generate-flow-typed-style-spec && flow .",
     "test-flow-cov": "flow-coverage-report -i 'src/**/*.js' -t html",
     "test-cov": "nyc --require=@mapbox/flow-remove-types/register --reporter=text-summary --reporter=lcov --cache run-s test-unit test-expressions test-query test-render",
-    "prepublishOnly": "run-s build-dev build-min build-css build-style-spec test-build",
+    "prepublishOnly": "run-s build-flow-types build-dev build-min build-css build-style-spec test-build",
     "codegen": "build/run-node build/generate-style-code.js && build/run-node build/generate-struct-arrays.js"
   },
   "files": [

test/build/downstream-flow-fixture/.flowconfig

@@ -0,0 +1,25 @@
+[ignore]
+.*/node_modules/@mapbox/jsonlint-lines-primitives/.*
+.*/node_modules/stylelint/.*
+.*/node_modules/unflowify/.*
+.*/node_modules/flow-coverage-report/.*
+.*/node_modules/babel-plugin-transform-react-remove-prop-types/.*
+.*/node_modules/conventional-changelog-core/.*
+.*/node_modules/htmltojsx/.*
+.*/node_modules/documentation/.*
+.*/node_modules/module-deps/.*
+.*/node_modules/@mapbox/geojson-types/fixtures/.*
+.*/test/unit/style-spec/fixture/invalidjson.input.json
+.*/test/integration/render-tests/.*
+
+[include]
+../../..
+
+[libs]
+../../../flow-typed
+
+[lints]
+
+[options]
+
+[strict]

test/build/downstream-flow-fixture/invalid.js

@@ -0,0 +1,5 @@
+// @flow
+/* eslint-disable */
+import mapboxgl from '../../..';
+const Map = mapboxgl.Map;
+const map = new Map({});

test/build/downstream-flow-fixture/valid.js

@@ -0,0 +1,7 @@
+// @flow
+/* eslint-disable */
+import mapboxgl from '../../..';
+const Map = mapboxgl.Map;
+const map = new Map({
+    container: document.getElementById('map')
+});

test/build/published-flow-types.js

@@ -0,0 +1,15 @@
+import { test } from 'mapbox-gl-js-test';
+import cp from 'child_process';
+
+test('downstream projects can consume published flow types', (t) => {
+    cp.exec(`${__dirname}/../../node_modules/.bin/flow check --strip-root --json ${__dirname}/downstream-flow-fixture`, {}, (error, stdout) => {
+        const result = JSON.parse(stdout);
+        t.equal(result.errors.length, 1);
+        for (const error of result.errors) {
+            for (const message of error.message) {
+                t.notEqual(message.path, 'valid.js');
+            }
+        }
+        t.end();
+    });
+});