build(all): use typescript project references

.github/workflows/ci.yml

@@ -64,7 +64,7 @@ jobs:
           find packages/demos -iname '*test.ts*' | xargs -n 2 yarn jest --silent
           --no-cache --no-verbose --no-coverage --maxWorkers 2 --forceExit
 
-  compile:
+  compile-lint-verify:
     runs-on: ubuntu-latest
     env:
       CI: true
@@ -88,32 +88,11 @@ jobs:
       - name: Compile
         run: yarn compile
 
-      - name: Size Limit
-        run: yarn size-limit
-
-  lint:
-    runs-on: ubuntu-latest
-    env:
-      CI: true
-
-    strategy:
-      matrix:
-        node-version: [10.x, 12.x]
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v2
-
-      - name: Setup node
-        uses: actions/setup-node@v2
-        with:
-          node-version: ${{ matrix.node-version }}
-
-      - name: Install
-        run: yarn install
-
       - name: Lint
         run: yarn lint
 
       - name: Verify
         run: yarn verify
+
+      - name: Size Limit
+        run: yarn size-limit

.gitignore

@@ -10,3 +10,4 @@ packages/website/build
 packages/website/i18n
 todo.tasks
 yarn-error.log
+tsconfig.tsbuildinfo

package.json

@@ -6,11 +6,11 @@
     "packages/*"
   ],
   "scripts": {
-    "precompile": "lerna exec --parallel -- rimraf lib",
-    "compile": "lerna exec -- tsc --project tsconfig.cjs.json",
-    "compile:esm": "lerna exec --no-private -- tsc --project tsconfig.esm.json",
+    "clean": "tsc --build --clean && lerna exec --parallel -- rimraf lib",
+    "compile": "tsc --build --pretty",
+    "compile:esm": "lerna exec --no-private -- tsc --build tsconfig.esm.json",
     "format": "prettier --write '**/*.{js,json,md,ts,tsx,yml}'",
-    "generate:api-docs": "typedoc --options typedoc.js .",
+    "generate:api-docs": "node --max_old_space_size=8048 $(npm bin)/typedoc --options typedoc.js .",
     "postgenerate:api-docs": "node scripts/process-api-docs.js",
     "lint": "cross-env FORCE_COLOR=1 lerna exec --parallel -- tslint --config tslint.json --project tsconfig.json --format stylish",
     "size-limit": "lerna exec --no-private --ignore @feature-hub/module-loader-commonjs --parallel -- size-limit",
@@ -24,8 +24,8 @@
     "verify:install": "git diff --exit-code yarn.lock",
     "preverify:sort-package-jsons": "yarn sort-package-jsons",
     "verify:sort-package-jsons": "git diff --exit-code package.json packages/*/package.json",
-    "watch:compile": "lerna exec --parallel -- tsc --project tsconfig.cjs.json --watch --preserveWatchOutput --pretty",
-    "watch:demo": "lerna exec --scope @feature-hub/demos -- ts-node -r tsconfig-paths/register src/watch-demo.ts",
+    "watch:compile": "yarn compile --watch",
+    "watch:demo": "lerna exec --scope @feature-hub/demos -- node src/watch-demo.js",
     "watch:test": "yarn test --watch --no-coverage --no-verbose",
     "watch:test:integration": "yarn watch:test --testPathPattern packages/demos",
     "watch:test:unit": "yarn watch:test --testPathIgnorePatterns packages/demos",
@@ -39,7 +39,8 @@
     "@babel/preset-typescript": "^7.12.1",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-angular": "^11.0.0",
-    "@strictsoftware/typedoc-plugin-monorepo": "^0.3.1",
+    "@size-limit/preset-small-lib": "^4.9.2",
+    "@strictsoftware/typedoc-plugin-monorepo": "^0.4.0",
     "@types/cheerio": "^0.22.9",
     "@types/expect-puppeteer": "^3.3.0",
     "@types/git-rev-sync": "^2.0.0",
@@ -64,11 +65,11 @@
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "rimraf": "^3.0.0",
-    "size-limit": "^1.0.0",
+    "size-limit": "^4.9.2",
     "sort-package-json": "^1.16.0",
     "ts-config": "^20.9.0",
     "tslint": "^6.1.3",
-    "typedoc": "^0.19.2",
+    "typedoc": "^0.20.23",
     "typedoc-plugin-remove-references": "^0.0.5",
     "typedoc-plugin-sourcefile-url": "^1.0.6",
     "typescript": "^4.0.5",

packages/async-ssr-manager/tsconfig.esm.json

@@ -2,7 +2,6 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "module": "esnext",
-    "paths": {},
     "outDir": "lib/esm",
     "rootDir": "src"
   }

packages/async-ssr-manager/tsconfig.json

@@ -1,4 +1,9 @@
 {
-  "extends": "../../tsconfig.json",
-  "include": ["src/**/*"]
+  "extends": "../../tsconfig.settings.json",
+  "include": ["src/**/*"],
+  "compilerOptions": {
+    "outDir": "lib/cjs",
+    "rootDir": "src"
+  },
+  "references": [{"path": "../core"}, {"path": "../logger"}]
 }

packages/core/.size-limit.js

@@ -2,7 +2,7 @@
 
 module.exports = [
   {
-    path: 'lib/cjs/index.js',
-    limit: '8 KB',
+    path: ['lib/cjs/index.js'],
+    limit: '11 KB',
   },
 ];

packages/core/tsconfig.esm.json

@@ -2,7 +2,6 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "module": "esnext",
-    "paths": {},
     "outDir": "lib/esm",
     "rootDir": "src"
   }

packages/core/tsconfig.json

@@ -1,4 +1,8 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "../../tsconfig.settings.json",
+  "compilerOptions": {
+    "outDir": "lib/cjs",
+    "rootDir": "src"
+  },
   "include": ["src/**/*"]
 }

packages/demos/package.json

@@ -46,10 +46,7 @@
     "react-router": "^5.0.1",
     "style-loader": "^1.0.0",
     "styled-components": "^5.2.0",
-    "ts-loader": "^6.0.0",
-    "ts-node": "^8.0.0",
-    "tsconfig-paths": "^3.7.0",
-    "tsconfig-paths-webpack-plugin": "^3.2.0",
+    "ts-loader": "^8.0.16",
     "url-loader": "^2.0.0",
     "webpack": "^4.46.0",
     "webpack-cli": "^4.5.0",

packages/demos/src/app-renderer.d.ts

@@ -0,0 +1,18 @@
+import {Css} from '@feature-hub/react';
+import express from 'express';
+
+export interface AppRendererOptions {
+  readonly port: number;
+  readonly req: express.Request;
+}
+
+export interface AppRendererResult {
+  readonly html: string;
+  readonly serializedStates?: string;
+  readonly stylesheetsForSsr?: Map<string, Css>;
+  readonly urlsForHydration?: Set<string>;
+}
+
+export type AppRenderer = (
+  options: AppRendererOptions
+) => Promise<AppRendererResult>;

packages/demos/src/custom-logging/integrator.node.tsx

@@ -5,7 +5,7 @@ import {FeatureHubContextProvider} from '@feature-hub/react';
 import pino from 'pino';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom/server';
-import {AppRendererOptions, AppRendererResult} from '../node-integrator';
+import {AppRendererOptions, AppRendererResult} from '../app-renderer';
 import {App} from './app';
 
 export default async function renderApp({

packages/demos/src/feature-app-in-feature-app/integrator.node.tsx

@@ -3,7 +3,7 @@ import {createCommonJsModuleLoader} from '@feature-hub/module-loader-commonjs';
 import {FeatureAppLoader, FeatureHubContextProvider} from '@feature-hub/react';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom/server';
-import {AppRendererOptions, AppRendererResult} from '../node-integrator';
+import {AppRendererOptions, AppRendererResult} from '../app-renderer';
 import {externals} from './externals';
 
 export default async function renderApp({

packages/demos/src/get-pkg-version.js

@@ -10,4 +10,4 @@ function getPkgVersion(pkgName) {
   return require(pkgJsonPath).version;
 }
 
-exports.getPkgVersion = getPkgVersion;
+module.exports = {getPkgVersion};

packages/demos/src/history-service/integrator.node.tsx

@@ -3,7 +3,7 @@ import {defineHistoryService} from '@feature-hub/history-service';
 import {defineServerRequest} from '@feature-hub/server-request';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom/server';
-import {AppRendererOptions, AppRendererResult} from '../node-integrator';
+import {AppRendererOptions, AppRendererResult} from '../app-renderer';
 import {App} from './app';
 import {rootLocationTransformer} from './root-location-transformer';
 

packages/demos/src/module-loader-commonjs/integrator.node.tsx

@@ -3,7 +3,7 @@ import {loadCommonJsModule} from '@feature-hub/module-loader-commonjs';
 import {FeatureAppLoader, FeatureHubContextProvider} from '@feature-hub/react';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom/server';
-import {AppRendererOptions, AppRendererResult} from '../node-integrator';
+import {AppRendererOptions, AppRendererResult} from '../app-renderer';
 
 export default async function renderApp({
   port,

packages/demos/src/node-integrator.js

@@ -0,0 +1,64 @@
+// @ts-check
+
+/**
+ * @param {string} source
+ * @return {unknown}
+ */
+function evalNodeSource(source) {
+  const mod = {exports: {}};
+
+  // tslint:disable-next-line:function-constructor
+  Function('module', 'exports', 'require', source)(mod, mod.exports, require);
+
+  return mod.exports;
+}
+
+/**
+ * @param {unknown} value
+ * @return {value is Record<string, unknown>}
+ */
+function isObject(value) {
+  return typeof value === 'object' && value !== null;
+}
+
+/**
+ * @param {unknown} value
+ * @return {value is {default: Function}}
+ */
+function hasDefaultFunction(value) {
+  return isObject(value) && typeof value.default === 'function';
+}
+
+/**
+ * @param {import('express').Response} res
+ * @param {string} nodeIntegratorFilename
+ * @return {import('./app-renderer').AppRenderer | undefined}
+ */
+function loadNodeIntegrator(res, nodeIntegratorFilename) {
+  try {
+    /** @type {import('webpack').InputFileSystem & import('webpack').OutputFileSystem} */
+    const outputFileSystem = res.locals.webpack.devMiddleware.outputFileSystem;
+
+    /** @type {import('webpack').Stats.ToJsonOutput} */
+    const {outputPath} = res.locals.webpack.devMiddleware.stats.toJson();
+
+    if (!outputPath) {
+      return undefined;
+    }
+
+    const source = outputFileSystem
+      .readFileSync(outputFileSystem.join(outputPath, nodeIntegratorFilename))
+      .toString();
+
+    const evaluatedModule = evalNodeSource(source);
+
+    return hasDefaultFunction(evaluatedModule)
+      ? /** @type {import('./app-renderer').AppRenderer} */
+        (evaluatedModule.default)
+      : undefined;
+  } catch {
+    return undefined;
+  }
+}
+
+module.exports = {loadNodeIntegrator};

packages/demos/src/server-side-rendering/integrator.node.tsx

@@ -15,7 +15,7 @@ import {
 } from '@feature-hub/serialized-state-manager';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom/server';
-import {AppRendererOptions, AppRendererResult} from '../node-integrator';
+import {AppRendererOptions, AppRendererResult} from '../app-renderer';
 import {App} from './app';
 
 export default async function renderApp({