Use TypeScript project references

.eslintrc.js

@@ -7,7 +7,11 @@ module.exports = {
     'plugin:shopify/prettier',
   ],
   parserOptions: {
-    project: 'tsconfig.json',
+    project: [
+      'packages/tsconfig.json',
+      'packages/tsconfig_base.json',
+      'test/tsconfig.eslint.json',
+    ],
   },
   rules: {
     'jest/valid-expect-in-promise': 'off',

.gitignore

@@ -42,3 +42,5 @@ lerna-debug.log
 
 tmp
 **/test.log
+
+*.tsbuildinfo

package.json

@@ -4,14 +4,14 @@
   "description": "Shopify's javascript application utilities",
   "scripts": {
     "publish": "lerna publish",
-    "prebuild": "yarn run clean",
-    "build": "lerna run build",
+    "build": "yarn tsc --build packages",
     "lint": "eslint '**/*.{ts,tsx}'",
     "ci:lint-docs": "yarn generate docs && test -z \"$(git status --porcelain)\" || echo 'The root README has not been updated. Run `yarn generate docs` in the root of your quilt directory and try again.'",
+    "pretest": "yarn run build",
     "test": "NODE_ICU_DATA=node_modules/full-icu jest --maxWorkers=3 --coverage=false",
     "check": "lerna run check",
     "release": "lerna publish",
-    "clean": "rimraf './packages/*/dist/**/*.{js,d.ts}'",
+    "clean": "rimraf './packages/*/dist'",
     "generate": "plop",
     "generate:package": "plop package && yarn plop docs",
     "tophat": "tophat"
@@ -33,6 +33,7 @@
   "devDependencies": {
     "@babel/core": "^7.5.5",
     "@shopify/app-bridge": "^0.7.3",
+    "@shopify/tophat": "^0.0.3",
     "@types/enzyme": "^3.1.10",
     "@types/enzyme-adapter-react-16": "^1.0.3",
     "@types/faker": "^4.1.5",
@@ -73,8 +74,7 @@
     "rimraf": "^2.6.2",
     "ts-jest": "^23.10.4",
     "tslib": "^1.9.3",
-    "typescript": "~3.2.1",
-    "@shopify/tophat": "^0.0.3"
+    "typescript": "^3.6.2"
   },
   "dependencies": {},
   "resolutions": {

packages/address-consts/package.json

@@ -3,13 +3,12 @@
   "version": "1.0.1",
   "license": "MIT",
   "description": "Constants and types relating to @shopify/address",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "sideEffects": false,
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
   "scripts": {
-    "build": "tsc --p tsconfig.build.json",
-    "prepublishOnly": "yarn run build"
+    "build": "tsc --p tsconfig.json"
   },
+  "sideEffects": false,
   "publishConfig": {
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"

packages/address/tsconfig.build.json → packages/address-consts/tsconfig.json

@@ -1,10 +1,9 @@
 {
-  "extends": "../../tsconfig.json",
-  "compileOnSave": false,
+  "extends": "../tsconfig_base.json",
   "compilerOptions": {
     "outDir": "./dist",
-    "baseUrl": "./src",
-    "rootDir": "./src"
+    "baseUrl": ".",
+    "rootDir": "."
   },
   "include": [
     "../../config/typescript/**/*",

packages/address-mocks/package.json

@@ -3,16 +3,15 @@
   "version": "1.2.31",
   "license": "MIT",
   "description": "Address mocks for @shopify/address library.",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
+  "scripts": {
+    "build": "tsc --p tsconfig.json"
+  },
   "publishConfig": {
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "scripts": {
-    "build": "tsc --p tsconfig.build.json",
-    "prepublishOnly": "yarn run build"
-  },
   "author": "Shopify Inc.",
   "repository": {
     "type": "git",

packages/address-mocks/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "extends": "../tsconfig_base.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "baseUrl": ".",
+    "rootDir": "."
+  },
+  "include": [
+    "../../config/typescript/**/*",
+    "./src/**/*.ts",
+    "./src/**/*.tsx"
+  ],
+  "exclude": ["**/*.test.ts", "**/*.test.tsx"],
+  "references": [{"path": "../address"}, {"path": "../jest-dom-mocks"}]
+}

packages/address/package.json

@@ -3,16 +3,15 @@
   "version": "2.7.13",
   "license": "MIT",
   "description": "Address utilities for formatting addresses.",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
+  "scripts": {
+    "build": "tsc --p tsconfig.json"
+  },
   "publishConfig": {
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "scripts": {
-    "build": "tsc --p tsconfig.build.json",
-    "prepublishOnly": "yarn run build"
-  },
   "author": "Shopify Inc.",
   "repository": {
     "type": "git",

packages/address/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "extends": "../tsconfig_base.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "baseUrl": ".",
+    "rootDir": "."
+  },
+  "include": [
+    "../../config/typescript/**/*",
+    "./src/**/*.ts",
+    "./src/**/*.tsx"
+  ],
+  "exclude": ["**/*.test.ts", "**/*.test.tsx"],
+  "references": [{"path": "../address-consts"}]
+}

packages/admin-graphql-api-utilities/package.json

@@ -3,11 +3,10 @@
   "version": "0.0.8",
   "license": "MIT",
   "description": "A set of utilities to use when consuming Shopify’s admin graphql api.",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
   "scripts": {
-    "build": "tsc --p tsconfig.build.json",
-    "prepublishOnly": "yarn run build"
+    "build": "tsc --p tsconfig.json"
   },
   "publishConfig": {
     "access": "public",

packages/admin-graphql-api-utilities/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "../tsconfig_base.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "baseUrl": ".",
+    "rootDir": "."
+  },
+  "include": [
+    "../../config/typescript/**/*",
+    "./src/**/*.ts",
+    "./src/**/*.tsx"
+  ],
+  "exclude": ["**/*.test.ts", "**/*.test.tsx"]
+}

packages/ast-utilities/javascript.d.ts

@@ -1 +1 @@
-export * from './dist/javascript';
+export * from './dist/src/javascript';

packages/ast-utilities/javascript.js

@@ -1 +1 @@
-module.exports = require('./dist/javascript');
+module.exports = require('./dist/src/javascript');

packages/ast-utilities/markdown.d.ts

@@ -1 +1 @@
-export * from './dist/markdown';
+export * from './dist/src/markdown';

packages/ast-utilities/markdown.js

@@ -1 +1 @@
-module.exports = require('./dist/markdown');
+module.exports = require('./dist/src/markdown');

packages/ast-utilities/package.json

@@ -3,13 +3,12 @@
   "version": "0.0.7",
   "license": "MIT",
   "description": "Utilities for working with Abstract Syntax Trees (ASTs)",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "sideEffects": false,
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
   "scripts": {
-    "build": "tsc --p tsconfig.build.json",
-    "prepublishOnly": "yarn run build"
+    "build": "tsc --p tsconfig.json"
   },
+  "sideEffects": false,
   "publishConfig": {
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"

packages/ast-utilities/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "../tsconfig_base.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "baseUrl": ".",
+    "rootDir": "."
+  },
+  "include": [
+    "../../config/typescript/**/*",
+    "./src/**/*.ts",
+    "./src/**/*.tsx"
+  ],
+  "exclude": ["**/*.test.ts", "**/*.test.tsx"]
+}

packages/async/babel.d.ts

@@ -1,2 +1,2 @@
-export {default} from './dist/babel-plugin';
-export * from './dist/babel-plugin';
+export {default} from './dist/src/babel-plugin';
+export * from './dist/src/babel-plugin';

packages/async/babel.js

@@ -1 +1 @@
-module.exports = require('./dist/babel-plugin');
+module.exports = require('./dist/src/babel-plugin');

packages/async/package.json

@@ -3,13 +3,12 @@
   "version": "2.1.0",
   "license": "MIT",
   "description": "Primitives for loading parts of an application asynchronously.",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "sideEffects": false,
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
   "scripts": {
-    "build": "tsc --p tsconfig.build.json",
-    "prepublishOnly": "yarn run build"
+    "build": "tsc --p tsconfig.json"
   },
+  "sideEffects": false,
   "publishConfig": {
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"

packages/async/src/types.ts

@@ -21,7 +21,7 @@ export type RequestIdleCallback = (
   deadline: RequestIdleCallbackDeadline,
 ) => void;
 
-export interface WindowWithRequestIdleCallback {
+export interface WindowWithRequestIdleCallback extends Window {
   requestIdleCallback(
     callback: RequestIdleCallback,
     opts?: RequestIdleCallbackOptions,

packages/async/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "../tsconfig_base.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "baseUrl": ".",
+    "rootDir": "."
+  },
+  "include": [
+    "../../config/typescript/**/*",
+    "./src/**/*.ts",
+    "./src/**/*.tsx"
+  ],
+  "exclude": ["**/*.test.ts", "**/*.test.tsx"]
+}

packages/csrf-token-fetcher/package.json

@@ -3,11 +3,10 @@
   "version": "0.0.7",
   "license": "MIT",
   "description": "JavaScript utility function to fetch the CSRF token required to make requests to a Rails server",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
   "scripts": {
-    "build": "tsc --p tsconfig.build.json",
-    "prepublishOnly": "yarn run build"
+    "build": "tsc --p tsconfig.json"
   },
   "publishConfig": {
     "access": "public",

packages/csrf-token-fetcher/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "../tsconfig_base.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "baseUrl": ".",
+    "rootDir": "."
+  },
+  "include": [
+    "../../config/typescript/**/*",
+    "./src/**/*.ts",
+    "./src/**/*.tsx"
+  ],
+  "exclude": ["**/*.test.ts", "**/*.test.tsx"]
+}

packages/css-utilities/package.json

@@ -3,13 +3,12 @@
   "version": "1.0.1",
   "license": "MIT",
   "description": "A set of css styling related utilities.",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "sideEffects": false,
+  "main": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
   "scripts": {
-    "build": "tsc --p tsconfig.build.json",
-    "prepublishOnly": "yarn run build"
+    "build": "tsc --p tsconfig.json"
   },
+  "sideEffects": false,
   "publishConfig": {
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"