fix execution order, use package from registry

Author: ScriptedAlchemy

multi-threaded-ssr/package.json

@@ -2,8 +2,7 @@
   "private": true,
   "scripts": {
     "start": "yarn build && yarn serve",
-    "build": "lerna run --scope @multi-threaded-ssr/icarus-2 build && lerna run --scope @multi-threaded-ssr/icarus-1 build",
-    "serve": "lerna run --scope @multi-threaded-ssr/* --parallel serve",
+    "build": "lerna run build --parallel --scope @multi-threaded-ssr/icarus-2 --scope @multi-threaded-ssr/icarus-1",
     "clean": "lerna run --scope @multi-threaded-ssr/* --parallel clean"
   }
 }

multi-threaded-ssr/plugins/FederatedRuntimePlugin.js

@@ -4,8 +4,8 @@ const merge = require("webpack-merge");
 const fs = require("fs");
 const ModuleFederationPlugin = require("webpack").container
   .ModuleFederationPlugin;
-const FederatedRuntimePlugin = require("../../../plugins/FederatedRuntimePlugin");
-const HttpRuntime = require("../../../plugins/HttpRuntime");
+const FederatedRuntimePlugin = require("@module-federation/federated-runtime-plugin/FederatedRuntimePlugin");
+const HttpRuntime = require("@module-federation/federated-runtime-plugin/HttpRuntime");
 const common = require("./common.base");
 const { server: serverLoaders } = require("./loaders");
 const plugins = require("./plugins");

multi-threaded-ssr/plugins/HttpRuntime.js

@@ -8,8 +8,8 @@
   "scripts": {
     "start": "npm run clean && cross-env NODE_ENV=development babel-node server/index.js",
     "start:prod": "npm run build && npm run serve",
-    "serve": "cross-env NODE_ENV=production node buildServer/main.js",
-    "build": "npm run build:server && npm run build:client",
+    "serve": "PORT=3000 node buildServer/main.js",
+    "build": "npm run build:server && npm run build:client && yarn serve",
     "build:client": "rimraf buildClient && cross-env NODE_ENV=production webpack --progress -p --config build/webpack.config.js/client.prod.js --profile --json > buildServer/stats.json",
     "build:server": "cross-env NODE_ENV=production webpack --progress -p --config build/webpack.config.js/server.prod.js",
     "build:node": "cross-env NODE_ENV=production babel server -d buildServer",
@@ -19,8 +19,7 @@
     "lint": "eslint --fix src server build",
     "format": "prettier --single-quote --semi=false --write '{src,server,webpack}/**/*.js' && npm run lint",
     "deploy": "yarn build && ./deploy-heroku.sh",
-    "production:test": "yarn run build && rm -rf node_modules && NODE_ENV=production npm install --production && yarn serve",
-    "clean": "rm -rf dist"
+    "production:test": "yarn run build && rm -rf node_modules && NODE_ENV=production npm install --production && yarn serve"
   },
   "dependencies": {
     "@babel/polyfill": "^7.4.4",

multi-threaded-ssr/plugins/package.json

@@ -13,14 +13,13 @@
     "build:client": "rimraf buildClient && cross-env NODE_ENV=production webpack --progress -p --config build/webpack.config.js/client.prod.js --profile --json > buildServer/stats.json",
     "build:server": "cross-env NODE_ENV=production webpack --progress -p --config build/webpack.config.js/server.prod.js",
     "build:node": "cross-env NODE_ENV=production babel server -d buildServer",
-    "clean": "rimraf buildClient",
+    "clean": "rimraf buildClient && rm -rf dist",
     "precommit": "lint-staged",
     "cm": "git-cz",
     "lint": "eslint --fix src server build",
     "format": "prettier --single-quote --semi=false --write '{src,server,webpack}/**/*.js' && npm run lint",
     "deploy": "yarn build && ./deploy-heroku.sh",
-    "production:test": "yarn run build && rm -rf node_modules && NODE_ENV=production npm install --production && yarn serve",
-    "clean": "rm -rf dist"
+    "production:test": "yarn run build && rm -rf node_modules && NODE_ENV=production npm install --production && yarn serve"
   },
   "dependencies": {
     "@babel/polyfill": "^7.4.4",
@@ -57,6 +56,7 @@
     "@babel/preset-env": "7.10.0",
     "@babel/preset-react": "7.10.0",
     "@module-federation/remote-federation-plugin": "*",
+    "@module-federation/federated-runtime-plugin": "*",
     "autoprefixer": "9.8.0",
     "babel-eslint": "10.1.0",
     "babel-loader": "8.1.0",

multi-threaded-ssr/website1/build/webpack.config.js/server.base.js

@@ -8,7 +8,7 @@ import ReactDomServer from "react-dom/server";
 import { StaticRouter, matchPath } from "react-router-dom";
 import { Provider as ReduxProvider } from "react-redux";
 import { Helmet } from "react-helmet";
-import { initializeFederatedImports } from "@module-federation/propriatery-tools/packages/remote-federation-plugin/lib/s3-federated-imports";
+import { initializeFederatedImports } from "@module-federation/remote-federation-plugin/lib/s3-federated-imports";
 const { performance, PerformanceObserver } = require("perf_hooks");
 
 import routes from "./routes";

multi-threaded-ssr/website1/package.json

@@ -1,4 +1,4 @@
-const StreamedFederationPlugin = require("@module-federation/propriatery-tools/packages/remote-federation-plugin");
+const StreamedFederationPlugin = require("@module-federation/remote-federation-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 
 module.exports = {

multi-threaded-ssr/website2/package.json

@@ -1,4 +1,4 @@
-const StreamedFederationPlugin = require("@module-federation/propriatery-tools/packages/remote-federation-plugin");
+const StreamedFederationPlugin = require("@module-federation/remote-federation-plugin");
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
 const path = require("path");
 const externals = [