Merge pull request #285 from topcoder-platform/dev

[PROD] Next Release

Author: nkumar-topcoder

README.md

@@ -75,10 +75,10 @@ Some config files are using domain `local.topcoder-dev.com`. You can change it t
 ### Run Applications
 
 1. Run **Frame** App:
+
     ```sh
     git clone https://github.com/topcoder-platform/micro-frontends-frame.git
     cd micro-frontends-frame
-
     # inside folder "micro-frontends-frame" run:
 
     nvm use # or make sure to use Node 10
@@ -90,6 +90,8 @@ Some config files are using domain `local.topcoder-dev.com`. You can change it t
     export APPENV="local-multi"
 
     npm run local-server
+
+    # this would start frame server on http://localhost:3000
     ```
 
     open one more terminal window in the same folder and run:
@@ -101,9 +103,12 @@ Some config files are using domain `local.topcoder-dev.com`. You can change it t
     export APPENV="local-multi"
 
     npm run local-client
+
+    # this host frame client code on http://localhost:8080
     ```
 
 2. Run **Navbar** micro-app:
+
    ```sh
    git clone https://github.com/topcoder-platform/micro-frontends-navbar-app.git
    cd micro-frontends-navbar-app
@@ -118,18 +123,33 @@ Some config files are using domain `local.topcoder-dev.com`. You can change it t
    npm i   # to install dependencies
 
    npm run dev
+
+   # this host navbar app as http://localhost:3001/navbar/topcoder-micro-frontends-navbar-app.js
    ```
 
 3. Run **TaaS** micro-app:
+
    ```sh
    # inside folder "taas-app" run:
 
    nvm use # or make sure to use Node 10
    npm i   # to install dependencies
 
    npm run dev
+
+   # this host TaaS App as http://localhost:8501/taas-app/topcoder-micro-frontends-teams.js
    ```
 
+4. Now we have to update the `micro-frontends-frame` app to show our local version of TaaS App, instead of remote one. Update file `micro-frontends-frame/config/micro-frontends-config-local.json`:
+
+    ```js
+    // replace line
+    "@topcoder/micro-frontends-teams": "https://platform.topcoder-dev.com/taas-app/topcoder-micro-frontends-teams.js",
+
+    // with line:
+    "@topcoder/micro-frontends-teams": "http://localhost:8501/taas-app/topcoder-micro-frontends-teams.js",
+    ```
+
 - Now open in the browser http://localhost:8080/taas/myteams.
 - If you are not logged-in yet, you should be redirected to the login page.
 - If you cannot see the application and redirect doesn't happen, make sure that file "http://local.topcoder-dev.com:8501/taas-app/topcoder-micro-frontends-teams.js" is loaded successfully in the Network tab.

config/dev.js

@@ -10,7 +10,7 @@ module.exports = {
   CONNECT_WEBSITE_URL: "https://connect.topcoder-dev.com",
 
   API: {
-    V5: "https://api.topcoder-dev.com/v5",
+    V5: "https://api.topcoder-dev.com/v5", //"http://localhost:3030/api/v5"
     V3: "https://api.topcoder-dev.com/v3",
   },
 };

package-lock.json

@@ -61,6 +61,7 @@
     "classnames": "^2.2.6",
     "express": "^4.17.1",
     "faker": "^5.5.3",
+    "file-loader": "^6.2.0",
     "final-form": "^4.20.1",
     "final-form-arrays": "^3.0.2",
     "immutability-helper": "^3.1.1",