Challenge listing part 1

.circleci/config.yml

@@ -29,8 +29,16 @@ builddeploy_steps: &builddeploy_steps
   - run: *install_dependency
   - run: *install_deploysuite
   - restore_cache: *restore_cache_settings_for_build
-  - run: ./build.sh ${APPNAME}
-  - save_cache: *save_cache_settings
+  - run:
+      command: |
+        ./awsconfiguration.sh $DEPLOY_ENV
+        source awsenvconf
+        ./buildenv.sh -e $DEPLOY_ENV -b ${LOGICAL_ENV}-${APPNAME}-buildvar
+  - run:
+      command: |
+        source buildenvvar
+        ./build.sh ${APPNAME}
+  #- save_cache: *save_cache_settings
   - deploy:
       name: Running MasterScript.
       command: |
@@ -69,11 +77,12 @@ workflows:
             branches:
               only:
                 - dev
+                - challenge-listing-part-1
 
       # Production builds are exectuted only on tagged commits to the
       # master branch.
       - "build-prod":
           context: org-global
           filters:
             branches:
-              only: master
+              only: ci-cd-prod

babel.config.js

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

build.sh

@@ -3,7 +3,9 @@ set -eo pipefail
 APP_NAME=$1
 UPDATE_CACHE=""
 
-docker build -f docker/Dockerfile -t $APP_NAME:latest .
+docker build -f docker/Dockerfile -t $APP_NAME:latest \
+--build-arg APPMODE=$APPMODE \
+--build-arg APPENV=$APPENV .
 
 docker create --name app $APP_NAME:latest
 

config/default.js

@@ -0,0 +1,12 @@
+module.exports = {
+	GUIKIT: {
+    DEBOUNCE_ON_CHANGE_TIME: 150,
+  },
+  API: {
+    V5: 'https://api.topcoder-dev.com/v5',
+    V3: 'https://api.topcoder-dev.com/v3',
+  },
+  URL: {
+    COMMUNITY_APP: 'https://community-app.topcoder-dev.com',
+  }
+}

config/development.js

@@ -0,0 +1,12 @@
+module.exports = {
+  GUIKIT: {
+    DEBOUNCE_ON_CHANGE_TIME: 150,
+  },
+  API: {
+    V5: "https://api.topcoder-dev.com/v5",
+    V3: "https://api.topcoder-dev.com/v3",
+  },
+  URL: {
+    COMMUNITY_APP: "https://community-app.topcoder-dev.com",
+  },
+};

config/production.js

@@ -0,0 +1,12 @@
+module.exports = {
+  GUIKIT: {
+    DEBOUNCE_ON_CHANGE_TIME: 150,
+  },
+  API: {
+    V5: "https://api.topcoder.com/v5",
+    V3: "https://api.topcoder.com/v3",
+  },
+  URL: {
+    COMMUNITY_APP: "https://community-app.topcoder.com",
+  },
+};

docker/Dockerfile

@@ -1,6 +1,12 @@
 # Use the base image with Node.js
 FROM node:latest
 
+ARG APPMODE
+ARG APPENV
+
+ENV APPMODE=$APPMODE
+ENV APPENV=$APPENV
+
 # Copy the current directory into the Docker image
 COPY . /micro-frontends-earn-app