Merge pull request microsoft#3204 from microsoft/octogonz/heft-web-rig-revamp

[heft-web-rig] Add an "app" profile, upgrade to Webpack 5, implement new CSS rules

Author: octogonz

README.md

@@ -91,6 +91,8 @@ These GitHub repositories provide supplementary resources for Rush Stack:
 | [/build-tests-samples/heft-node-rig-tutorial](./build-tests-samples/heft-node-rig-tutorial/) | (Copy of sample project) Building this project is a regression test for Heft |
 | [/build-tests-samples/heft-storybook-react-tutorial](./build-tests-samples/heft-storybook-react-tutorial/) | (Copy of sample project) Building this project is a regression test for Heft |
 | [/build-tests-samples/heft-storybook-react-tutorial-storykit](./build-tests-samples/heft-storybook-react-tutorial-storykit/) | Storybook build dependencies for heft-storybook-react-tutorial |
+| [/build-tests-samples/heft-web-rig-app-tutorial](./build-tests-samples/heft-web-rig-app-tutorial/) | (Copy of sample project) Building this project is a regression test for Heft |
+| [/build-tests-samples/heft-web-rig-library-tutorial](./build-tests-samples/heft-web-rig-library-tutorial/) | (Copy of sample project) Building this project is a regression test for Heft |
 | [/build-tests-samples/heft-webpack-basic-tutorial](./build-tests-samples/heft-webpack-basic-tutorial/) | (Copy of sample project) Building this project is a regression test for Heft |
 | [/build-tests-samples/packlets-tutorial](./build-tests-samples/packlets-tutorial/) | (Copy of sample project) Building this project is a regression test for @rushstack/eslint-plugin-packlets |
 | [/build-tests/api-documenter-test](./build-tests/api-documenter-test/) | Building this project is a regression test for api-documenter |

apps/heft/src/schemas/README-ModifyingSchemas.md

@@ -1,4 +1,4 @@
 ## Important
 
-If you change the Heft schemas, be sure to update the example files under **src/templates**.
+If you change the Heft schemas, be sure to update the example files under **schemas/templates**.
 The templates are used as a reference when updating the website documentation.

apps/heft/src/templates/api-extractor-task.json renamed to apps/heft/src/schemas/templates/api-extractor-task.json

@@ -11,25 +11,26 @@
     "_phase:build": ""
   },
   "devDependencies": {
-    "@babel/core": "^7.14.8",
-    "@storybook/addon-actions": "~6.3.6",
-    "@storybook/addon-essentials": "~6.3.6",
-    "@storybook/addon-links": "~6.3.6",
-    "@storybook/cli": "~6.3.6",
-    "@storybook/components": "~6.3.0",
-    "@storybook/core-events": "~6.3.0",
-    "@storybook/react": "~6.3.6",
-    "@storybook/theming": "~6.3.0",
+    "@babel/core": "~7.17.0",
+    "@storybook/addon-actions": "~6.4.18",
+    "@storybook/addon-essentials": "~6.4.18",
+    "@storybook/addon-links": "~6.4.18",
+    "@storybook/cli": "~6.4.18",
+    "@storybook/components": "~6.4.18",
+    "@storybook/core-events": "~6.4.18",
+    "@storybook/react": "~6.4.18",
+    "@storybook/theming": "~6.4.18",
     "@types/heft-jest": "1.0.1",
-    "@types/react-dom": "16.9.8",
-    "@types/react": "16.9.45",
+    "@types/react-dom": "16.9.14",
+    "@types/react": "16.14.23",
     "@types/webpack-env": "1.13.0",
-    "babel-loader": "^8.2.2",
-    "css-loader": "~4.2.1",
+    "babel-loader": "~8.2.3",
+    "css-loader": "~5.2.7",
     "jest": "~27.4.2",
     "react-dom": "~16.13.1",
     "react": "~16.13.1",
-    "style-loader": "~1.2.1",
+    "style-loader": "~2.0.0",
+    "terser-webpack-plugin": "~3.0.8",
     "typescript": "~4.5.2",
     "webpack": "~4.44.2"
   }

apps/heft/src/templates/heft.json renamed to apps/heft/src/schemas/templates/heft.json

@@ -40,7 +40,7 @@
       /**
        * The path to the plugin package.
        */
-      "plugin": "@rushstack/heft-webpack5-plugin"
+      "plugin": "@rushstack/heft-webpack4-plugin"
 
       /**
        * An optional object that provides additional settings that may be defined by the plugin.

apps/heft/src/templates/node-service.json renamed to apps/heft/src/schemas/templates/node-service.json

@@ -6,27 +6,28 @@
   "scripts": {
     "build": "heft build --clean",
     "start": "heft start",
+    "storybook": "heft start --storybook",
     "_phase:build": "heft build --clean",
     "_phase:test": "heft test --no-build"
   },
   "devDependencies": {
     "@rushstack/eslint-config": "workspace:*",
     "@rushstack/heft-jest-plugin": "workspace:*",
     "@rushstack/heft-storybook-plugin": "workspace:*",
-    "@rushstack/heft-webpack5-plugin": "workspace:*",
+    "@rushstack/heft-webpack4-plugin": "workspace:*",
     "@rushstack/heft": "workspace:*",
     "@types/heft-jest": "1.0.1",
-    "@types/react-dom": "16.9.8",
-    "@types/react": "16.9.45",
+    "@types/react-dom": "16.9.14",
+    "@types/react": "16.14.23",
     "@types/webpack-env": "1.13.0",
-    "css-loader": "~4.2.1",
+    "css-loader": "~5.2.7",
     "eslint": "~8.7.0",
     "heft-storybook-react-tutorial-storykit": "workspace:*",
-    "html-webpack-plugin": "~5.5.0",
+    "html-webpack-plugin": "~4.5.2",
     "react-dom": "~16.13.1",
     "react": "~16.13.1",
-    "source-map-loader": "~1.1.2",
-    "style-loader": "~1.2.1",
+    "source-map-loader": "~1.1.3",
+    "style-loader": "~2.0.0",
     "typescript": "~4.5.2",
     "webpack": "~4.44.2"
   }

apps/heft/src/templates/typescript.json renamed to apps/heft/src/schemas/templates/typescript.json

@@ -0,0 +1,7 @@
+// This is a workaround for https://github.com/eslint/eslint/issues/3458
+require('@rushstack/eslint-config/patch/modern-module-resolution');
+
+module.exports = {
+  extends: ['@rushstack/eslint-config/profile/web-app', '@rushstack/eslint-config/mixins/react'],
+  parserOptions: { tsconfigRootDir: __dirname }
+};