[PROD] Release 1.5

.circleci/config.yml

@@ -77,6 +77,7 @@ workflows:
             branches:
               only:
                 - dev
+                - dev-1_5
 
       # Production builds are exectuted only on tagged commits to the
       # master branch.

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "javascript.preferences.quoteStyle": "double",
+  "typescript.preferences.quoteStyle": "double",
+  "prettier.jsxSingleQuote": false
+}

README.md

@@ -20,7 +20,7 @@ This is a [single-spa](https://single-spa.js.org/) example React microapp.
 
 ## Config
 
-For available variables config which depend on the running environment (`development` or `production`), please refer to `config/development.js` and `config/production.js`.
+For available variables config which depend on the running environment (`APPENV=dev` or `APPENV=prod`), please refer to `config/dev.js` and `config/prod.js`.
 
 For application constants which don't depend on the running environment use `src/constants/index.js`.
 

babel.config.js

@@ -0,0 +1,59 @@
+module.exports = function (api) {
+  const isProd = process.env.APPMODE === "production";
+  api.cache(!isProd);
+
+  const generateScopedName = isProd
+    ? "[hash:base64:6]"
+    : "teams_[path][name]___[local]___[hash:base64:6]";
+  return {
+    presets: ["@babel/preset-env", "@babel/preset-react"],
+    plugins: [
+      [
+        "@babel/plugin-transform-runtime",
+        {
+          useESModules: true,
+          regenerator: false,
+        },
+      ],
+      [
+        "react-css-modules",
+        {
+          filetypes: {
+            ".scss": {
+              syntax: "postcss-scss",
+            },
+          },
+          generateScopedName,
+        },
+      ],
+      "inline-react-svg",
+    ],
+    env: {
+      test: {
+        presets: [
+          [
+            "@babel/preset-env",
+            {
+              targets: "current node",
+            },
+          ],
+        ],
+        plugins: [
+          [
+            "module-resolver",
+            {
+              alias: {
+                styles: "./src/styles",
+                components: "./src/components",
+                hooks: "./src/hooks",
+                utils: "./src/utils",
+                constants: "./src/constants",
+                services: "./src/services",
+              },
+            },
+          ],
+        ],
+      },
+    },
+  };
+};

config/development.js → config/dev.js

@@ -9,17 +9,13 @@ module.exports = {
    */
   CONNECT_WEBSITE_URL: "https://connect.topcoder-dev.com",
 
-  /**
-   * Email to report issues to
-   */
-  EMAIL_REPORT_ISSUE: "[email protected]",
-
   /**
    * Email to request extension
    */
   EMAIL_REQUEST_EXTENSION: "[email protected]",
 
   API: {
     V5: "https://api.topcoder-dev.com/v5",
+    V3: "https://api.topcoder-dev.com/v3",
   },
 };

config/index.js

@@ -1,11 +1,13 @@
 /* global process */
 
 module.exports = (() => {
-  const env = process.env.NODE_ENV || "development";
+  const env = process.env.APPENV || "dev";
+
+  console.info(`APPENV: "${env}"`);
 
   // for security reason don't let to require any arbitrary file defined in process.env
-  if (["production", "development"].indexOf(env) < 0) {
-    return require("./development");
+  if (["prod", "dev"].indexOf(env) < 0) {
+    return require("./dev");
   }
 
   return require("./" + env);

config/production.js → config/prod.js

@@ -9,17 +9,13 @@ module.exports = {
    */
   CONNECT_WEBSITE_URL: "https://connect.topcoder.com",
 
-  /**
-   * Email to report issues to
-   */
-  EMAIL_REPORT_ISSUE: "[email protected]",
-
   /**
    * Email to request extension
    */
   EMAIL_REQUEST_EXTENSION: "[email protected]",
 
   API: {
     V5: "https://api.topcoder.com/v5",
+    V3: "https://api.topcoder.com/v3",
   },
 };

docker/docker-compose.yml

@@ -1,4 +1,4 @@
-version: '3'
+version: "3"
 services:
   taas-app:
     image: taas-app:latest