added the .env files

.github/workflows/buildWorkbenchUI.yml

@@ -1,7 +1,7 @@
 name: Digit Admin Console Build workflow
 on:
  push:
- branches: [ 'develop','campaign' ,'microplan','master']
+ branches: [ 'develop','campaign' ,'microplan','master', 'add']
  paths:
  - 'health/micro-ui/web/micro-ui-internals/**'
  workflow_dispatch:

.gitignore

@@ -5,3 +5,4 @@ index.lock
 utilities/project-factory/node_modules/*
 utilities/egov-bff/node_modules/*
 utilities/
+/micro-frontends

health/micro-ui/.gitignore

@@ -1,6 +1,5 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
-.env
 .eslintcache
 
 # yarn $

health/micro-ui/web/.env

@@ -0,0 +1,10 @@
+SKIP_PREFLIGHT_CHECK=true
+REACT_APP_USER_TYPE=EMPLOYEE
+REACT_APP_EMPLOYEE_TOKEN=c835932f-2ad4-4d05-83d6-49e0b8c59f8a
+REACT_APP_CITIZEN_TOKEN=7cd58aae-30b3-41ed-a1b3-3417107a993c
+REACT_APP_PROXY_API=https://health-jagan.digit.org
+REACT_APP_PROXY_ASSETS=https://health-jagan.digit.org
+REACT_APP_GLOBAL=https://egov-dev-assets.s3.ap-south-1.amazonaws.com/hcm/workbenchGlobalConfigs.js
+REACT_APP_CONTEXT=works
+REACT_APP_TENANT=pg
+WORKBENCH=https://egov-dev-assets.s3.ap-south-1.amazonaws.com/globalConfigsWorkbenchHCMMZ.js

health/micro-ui/web/micro-ui-internals/.gitignore

@@ -83,8 +83,7 @@ typings/
 # Yarn Integrity file
 .yarn-integrity
 
-# dotenv environment variables file
-.env
+# dotenv environment variables file .env
 .env.test
 .env*.local
 

health/micro-ui/web/micro-ui-internals/.prettierignore

@@ -13,7 +13,6 @@ index.compat.css
 index.min.css
 # misc
 .DS_Store
-.env
 .env.local
 .env.development.local
 .env.test.local

health/micro-ui/web/micro-ui-internals/example/.env

@@ -0,0 +1,9 @@
+SKIP_PREFLIGHT_CHECK=true
+REACT_APP_USER_TYPE=EMPLOYEE
+REACT_APP_EMPLOYEE_TOKEN=c835932f-2ad4-4d05-83d6-49e0b8c59f8a
+REACT_APP_CITIZEN_TOKEN=7cd58aae-30b3-41ed-a1b3-3417107a993c
+REACT_APP_PROXY_API=https://health-jagan.digit.org
+REACT_APP_PROXY_ASSETS=https://health-jagan.digit.org
+REACT_APP_GLOBAL=https://egov-dev-assets.s3.ap-south-1.amazonaws.com/hcm/workbenchGlobalConfigs.js
+REACT_APP_CONTEXT=works
+WORKBENCH=https://egov-dev-assets.s3.ap-south-1.amazonaws.com/globalConfigsWorkbenchHCMMZ.js

health/micro-ui/web/src/.env

@@ -0,0 +1,10 @@
+SKIP_PREFLIGHT_CHECK=true
+REACT_APP_USER_TYPE=EMPLOYEE
+REACT_APP_EMPLOYEE_TOKEN=c835932f-2ad4-4d05-83d6-49e0b8c59f8a
+REACT_APP_CITIZEN_TOKEN=7cd58aae-30b3-41ed-a1b3-3417107a993c
+REACT_APP_PROXY_API=https://health-jagan.digit.org
+REACT_APP_PROXY_ASSETS=https://health-jagan.digit.org
+REACT_APP_GLOBAL=https://egov-dev-assets.s3.ap-south-1.amazonaws.com/hcm/workbenchGlobalConfigs.js
+REACT_APP_CONTEXT=works
+REACT_APP_TENANT=mz
+WORKBENCH=https://egov-dev-assets.s3.ap-south-1.amazonaws.com/globalConfigsWorkbenchHCMMZ.js

health/micro-ui/web/workbench/package.json

@@ -32,6 +32,7 @@
  "react-hook-form": "6.15.8",
  "react-i18next": "11.16.2",
  "react-query": "3.6.1",
+ "dotenv-webpack": "8.1.0",
  "css-loader": "5.2.6",
  "style-loader": "2.0.0",
  "webpack-cli": "4.10.0"

health/micro-ui/web/workbench/webpack.config.js

@@ -1,6 +1,8 @@
 const path = require("path");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const Dotenv = require('dotenv-webpack');
+
 // const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 module.exports = {
@@ -21,24 +23,30 @@ module.exports = {
  ],
  },
  output: {
- filename: "[name].bundle.js",
+ filename: "[name].[contenthash].bundle.js", // Add contenthash for cache-busting
  path: path.resolve(__dirname, "build"),
  publicPath: "/workbench-ui/",
  },
  optimization: {
  splitChunks: {
  chunks: 'all',
- minSize:20000,
- maxSize:50000,
- enforceSizeThreshold:50000,
- minChunks:1,
- maxAsyncRequests:30,
- maxInitialRequests:30
+ minSize: 20000,
+ maxSize: 50000,
+ enforceSizeThreshold: 50000,
+ minChunks: 1,
+ maxAsyncRequests: 30,
+ maxInitialRequests: 30,
+ automaticNameDelimiter: '-',
  },
+ runtimeChunk: 'single', // Create a single runtime bundle
+ moduleIds: 'deterministic', // Stable module IDs to prevent unnecessary cache invalidation
  },
  plugins: [
  new CleanWebpackPlugin(),
  // new BundleAnalyzerPlugin(),
  new HtmlWebpackPlugin({ inject: true, template: "public/index.html" }),
+ new Dotenv({
+ systemvars: true, // This ensures that system environment variables also override .env values if they exist
+ }),
  ],
 };

micro-ui/.gitignore

@@ -1,6 +1,5 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
-.env
 .eslintcache
 
 # yarn $

micro-ui/web/micro-ui-internals/.gitignore

@@ -83,8 +83,7 @@ typings/
 # Yarn Integrity file
 .yarn-integrity
 
-# dotenv environment variables file
-.env
+# dotenv environment variables file.env
 .env.test
 .env*.local
 

micro-ui/web/micro-ui-internals/.prettierignore

@@ -13,7 +13,6 @@ index.compat.css
 index.min.css
 # misc
 .DS_Store
-.env
 .env.local
 .env.development.local
 .env.test.local

micro-ui/web/micro-ui-internals/package.json

@@ -51,7 +51,7 @@
  "resolutions": {
  "**/@babel/runtime": "7.20.1",
  "**/babel-preset-react-app": "10.0.0",
- "fast-uri":"2.1.0"
+ "fast-uri": "2.1.0"
  },
  "devDependencies": {
  "husky": "7.0.4",
@@ -64,9 +64,11 @@
  "*.{js,css,md}": "prettier --write"
  },
  "dependencies": {
+ "@egovernments/digit-ui-react-components": "1.8.3",
+ "dotenv": "^16.4.5",
+ "dotenv-webpack": "^8.1.0",
  "lodash": "4.17.21",
  "microbundle-crl": "0.13.11",
- "@egovernments/digit-ui-react-components": "1.8.3",
  "react": "17.0.2",
  "react-dom": "17.0.2",
  "react-hook-form": "6.15.8",

micro-ui/web/workbench/package.json

@@ -31,6 +31,7 @@
  "web-vitals": "1.1.2",
  "react-hook-form": "6.15.8",
  "react-i18next": "11.16.2",
+ "dotenv-webpack": "8.1.0",
  "react-query": "3.6.1"
  },
  "devDependencies": {

micro-ui/web/workbench/webpack.config.js

@@ -1,6 +1,8 @@
 const path = require("path");
 const HtmlWebpackPlugin = require("html-webpack-plugin");
 const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const Dotenv = require('dotenv-webpack');
+
 // const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 module.exports = {
@@ -21,24 +23,30 @@ module.exports = {
  ],
  },
  output: {
- filename: "[name].bundle.js",
+ filename: "[name].[contenthash].bundle.js", // Add contenthash for cache-busting
  path: path.resolve(__dirname, "build"),
  publicPath: "/workbench-ui/",
  },
  optimization: {
  splitChunks: {
  chunks: 'all',
- minSize:20000,
- maxSize:50000,
- enforceSizeThreshold:50000,
- minChunks:1,
- maxAsyncRequests:30,
- maxInitialRequests:30
+ minSize: 20000,
+ maxSize: 50000,
+ enforceSizeThreshold: 50000,
+ minChunks: 1,
+ maxAsyncRequests: 30,
+ maxInitialRequests: 30,
+ automaticNameDelimiter: '-',
  },
+ runtimeChunk: 'single', // Create a single runtime bundle
+ moduleIds: 'deterministic', // Stable module IDs to prevent unnecessary cache invalidation
  },
  plugins: [
  new CleanWebpackPlugin(),
  // new BundleAnalyzerPlugin(),
  new HtmlWebpackPlugin({ inject: true, template: "public/index.html" }),
+ new Dotenv({
+ systemvars: true, // This ensures that system environment variables also override .env values if they exist
+ }),
  ],
 };