Merge pull request #117 from topcoder-platform/integration

Integration Gigs Listing Page

Author: LieutenantRoger

.eslintrc

@@ -1,4 +1,7 @@
 {
   "extends": ["react-important-stuff", "plugin:prettier/recommended"],
-  "parser": "babel-eslint"
+  "parser": "babel-eslint",
+  "env": {
+    "node": true
+  }
 }

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "singleQuote": false
+}

README.md

@@ -13,18 +13,19 @@ This is a [single-spa](https://single-spa.js.org/) example React microapp.
 
 ## NPM Commands
 
-Command               | Description
---------------------- | -----------------------------------------------------------------
-`npm start`           | Run server which serves production ready build from `dist` folder
-`npm run dev`         | Run app in the development mode
-`npm run dev-https`   | Run app in the development mode using HTTPS protocol
-`npm run build`       | Build app for production and puts files to the `dist` folder
-`npm run analyze`     | Analyze dependencies sizes and opens report in the browser
-`npm run lint`        | Check code for lint errors
-`npm run format`      | Format code using prettier
-`npm run test`        | Run unit tests
-`npm run watch-tests` | Watch for file changes and run unit tests on changes
-`npm run coverage`    | Generate test code coverage report
+| Command               | Description                                                       |
+| --------------------- | ----------------------------------------------------------------- |
+| `npm start`           | Run server which serves production ready build from `dist` folder |
+| `npm run dev`         | Run app in the development mode                                   |
+| `npm run dev-https`   | Run app in the development mode using HTTPS protocol              |
+| `npm run build`       | Build app for production and puts files to the `dist` folder      |
+| `npm run analyze`     | Analyze dependencies sizes and opens report in the browser        |
+| `npm run lint`        | Check code for lint errors                                        |
+| `npm run format`      | Format code using prettier                                        |
+| `npm run test`        | Run unit tests                                                    |
+| `npm run watch-tests` | Watch for file changes and run unit tests on changes              |
+| `npm run coverage`    | Generate test code coverage report                                |
+| `npm run mock-api`    | Start the mock api which mocks Recruit api                        |
 
 ## Local Deployment
 
@@ -58,3 +59,20 @@ Make sure you have [Heroky CLI](https://devcenter.heroku.com/articles/heroku-cli
 
 - Now you have to configure frame app to use the URL provided by Heroku like `https://<APP-NAME>.herokuapp.com/earn-app/topcoder-micro-frontends-earn-app.js` to load this microapp.
 
+### Aggregator API
+
+Please refer to [Swagger Doc](./src/api/docs/swagger.yaml) for Aggregator API endpoints
+
+#### Aggregator API Configuration
+
+In the `micro-frontends-earn-app` root directory create `.env` file with the next environment variables.
+
+  ```bash
+  # Auth0 config
+  AUTH_SECRET=
+  AUTH0_URL=
+  AUTH0_AUDIENCE=
+  AUTH0_CLIENT_ID=
+  AUTH0_CLIENT_SECRET=
+  ```
+Once the earn app is started, the aggregator api will work as well

config/default.js

@@ -1,3 +1,4 @@
+require("dotenv").config();
 module.exports = {
   GUIKIT: {
     DEBOUNCE_ON_CHANGE_TIME: 150,
@@ -9,5 +10,46 @@ module.exports = {
   URL: {
     BASE: "https://www.topcoder-dev.com",
     COMMUNITY_APP: "https://community-app.topcoder-dev.com",
+    PLATFORM_WEBSITE_URL: "https://platform.topcoder-dev.com",
   },
+  RECRUIT_API: process.env.RECRUIT_API || "https://www.topcoder-dev.com",
+  // the server api base path
+  API_BASE_PATH: process.env.API_BASE_PATH || "/earn-app/api/my-gigs",
+  // the log level, default is 'debug'
+  LOG_LEVEL: process.env.LOG_LEVEL || "debug",
+  // The authorization secret used during token verification.
+  AUTH_SECRET:
+    process.env.AUTH_SECRET ||
+    "UgL4(SEAM*~yc7L~vWrKKN&GHrwyc9N[@nVxm,X?#b4}7:xbzM",
+  // The valid issuer of tokens, a json array contains valid issuer.
+  VALID_ISSUERS:
+    process.env.VALID_ISSUERS ||
+    '["https://api.topcoder-dev.com", "https://api.topcoder.com", "https://topcoder-dev.auth0.com/", "https://auth.topcoder-dev.com/"]',
+  // Auth0 URL, used to get TC M2M token
+  AUTH0_URL:
+    process.env.AUTH0_URL || "https://topcoder-dev.auth0.com/oauth/token",
+  // Auth0 audience, used to get TC M2M token
+  AUTH0_AUDIENCE: process.env.AUTH0_AUDIENCE || "https://m2m.topcoder-dev.com/",
+  // Auth0 client id, used to get TC M2M token
+  AUTH0_CLIENT_ID:
+    process.env.AUTH0_CLIENT_ID || "gZ6jt50HYHLBf4vhxjUhXPZOR7Q5lk4k",
+  // Auth0 client secret, used to get TC M2M token
+  AUTH0_CLIENT_SECRET:
+    process.env.AUTH0_CLIENT_SECRET ||
+    "zb-OV1Rl3QpUkt4BexJ-Rs58jYMazCre1_97aU4PJIvQdVB-DmQIs61W3gCfPyP4",
+  // Proxy Auth0 URL, used to get TC M2M token
+  AUTH0_PROXY_SERVER_URL: process.env.AUTH0_PROXY_SERVER_URL,
+  m2m: {
+    M2M_AUDIT_USER_ID:
+      process.env.M2M_AUDIT_USER_ID || "00000000-0000-0000-0000-000000000000",
+    M2M_AUDIT_HANDLE: process.env.M2M_AUDIT_HANDLE || "TopcoderService",
+  },
+  MOCK_API_PORT: process.env.MOCK_API_PORT || 4000,
+  ALLOWED_FILE_TYPES: process.env.ALLOWED_FILE_TYPES || [
+    "pdf",
+    "doc",
+    "docx",
+    "txt",
+  ],
+  MAX_ALLOWED_FILE_SIZE_MB: process.env.MAX_ALLOWED_FILE_SIZE_MB || 10,
 };

config/development.js

@@ -9,5 +9,6 @@ module.exports = {
   URL: {
     BASE: "https://www.topcoder-dev.com",
     COMMUNITY_APP: "https://community-app.topcoder-dev.com",
+    PLATFORM_WEBSITE_URL: "https://platform.topcoder-dev.com",
   },
 };

config/production.js

@@ -9,5 +9,6 @@ module.exports = {
   URL: {
     BASE: "https://www.topcoder.com",
     COMMUNITY_APP: "https://community-app.topcoder.com",
+    PLATFORM_WEBSITE_URL: "https://platform.topcoder.com",
   },
 };

jest.config.js

@@ -3,6 +3,7 @@ module.exports = {
   transform: {
     "^.+\\.(j|t)sx?$": "babel-jest",
   },
+  transformIgnorePatterns: ["node_modules/?!(react-dropzone)"],
   moduleNameMapper: {
     "\\.(css|scss)$": "identity-obj-proxy",
     "\\.(png|eot|otf|ttf|woff|woff2|svg)$": "<rootDir>/__mocks__/fileMock.js",