notifications implementation

README.md

@@ -12,7 +12,7 @@ This is a [single-spa](https://single-spa.js.org/) microapp which shows the main
 ## Config
 
 There are 2 config file for production and development environment in the `config` folder.
-Set environment variable `NODE_ENV=development` to use development config, or `NODE_ENV=production` to use production config.
+Set environment variable `APPENV=dev` to use development config, or `APPENV=prod` to use production config.
 
 ## NPM Commands
 

babel.config.js

@@ -0,0 +1,59 @@
+let cssLocalIdent;
+if (process.env.APPMODE == 'development') {
+  cssLocalIdent = 'navbar_[path][name]___[local]___[hash:base64:6]';
+} else {
+  cssLocalIdent = '[hash:base64:6]';
+}
+
+const config = {
+  presets: ['@babel/preset-env', '@babel/preset-react'],
+  plugins: [
+    [
+      '@babel/plugin-transform-runtime',
+      {
+        useESModules: true,
+        regenerator: false
+      }
+    ],
+    [
+      'module-resolver',
+      {
+        extensions: ['.js', '.jsx'],
+        root: [
+          './src'
+        ]
+      }
+    ],
+    [
+      'inline-react-svg',
+      {
+        ignorePattern: '[/\/]assets[/\/]images'
+      }
+    ],
+    [
+      'react-css-modules',
+      {
+        filetypes: {
+          '.scss': {
+            syntax: 'postcss-scss'
+          }
+        },
+        generateScopedName: cssLocalIdent
+      }
+    ]
+  ],
+  env: {
+    test: {
+      presets: [
+        [
+          '@babel/preset-env',
+          {
+            targets: 'current node'
+          }
+        ]
+      ]
+    }
+  }
+}
+
+module.exports = config;

config/development.js

@@ -1,10 +1,13 @@
 module.exports = {
   URL: {
-    ACCOUNTS_APP_CONNECTOR: "https://accounts-auth0.topcoder-dev.com",
-    AUTH: "https://accounts-auth0.topcoder-dev.com",
+    ACCOUNTS_APP_CONNECTOR: "https://accounts-auth0.topcoder-dev.com", // "http://localhost:5000"
+    AUTH: "https://accounts-auth0.topcoder-dev.com", // "http://localhost:5000"
+    TC_NOTIFICATION_URL: 'https://api.topcoder-dev.com/v5/notifications',
+    CONNECT_DOMAIN: 'https://connect.topcoder-dev.com',
+    COMMUNITY_DOMAIN: 'https://www.topcoder-dev.com',
   },
   API: {
     V3: "https://api.topcoder-dev.com/v3",
   },
-  REAUTH_TIME: 55,
+  REAUTH_OFFSET: 55, // seconds
 };

config/index.js

@@ -1,7 +1,7 @@
 /* global process */
 
 module.exports = (() => {
-  const env = process.env.NODE_ENV || "development";
+  const env = process.env.APPENV || "development";
 
   // for security reason don't let to require any arbitrary file defined in process.env
   if (["production", "development"].indexOf(env) < 0) {

config/production.js

@@ -2,9 +2,12 @@ module.exports = {
   URL: {
     ACCOUNTS_APP_CONNECTOR: "https://accounts-auth0.topcoder.com",
     AUTH: "https://accounts-auth0.topcoder.com",
+    TC_NOTIFICATION_URL: 'https://api.topcoder.com/v5/notifications',
+    CONNECT_DOMAIN: 'https://connect.topcoder.com',
+    COMMUNITY_DOMAIN: 'https://www.topcoder.com',
   },
   API: {
     V3: "https://api.topcoder.com/v3",
   },
-  REAUTH_TIME: 55,
+  REAUTH_OFFSET: 55, // seconds
 };

jest.config.js

@@ -5,7 +5,7 @@ module.exports = {
   },
   transformIgnorePatterns: ["node_modules/?!(tc-auth-lib)"],
   moduleNameMapper: {
-    "\\.css$": "identity-obj-proxy",
+    "\\.(css|scss)$": "identity-obj-proxy",
     "\\.svg$": "<rootDir>/__mocks__/fileMock.js",
   },
   setupFilesAfterEnv: [