added base localisation

micro-frontends/sample/docker/Dockerfile

@@ -1,4 +1,4 @@
-# Use Node.js base image with version 16
+# Stage 1: Fetch locales and build the app
 FROM node:20 AS build
 
 # Set working directory
@@ -17,11 +17,11 @@ ENV COMMIT_ID=$COMMIT_ID
 # Copy package.json and yarn.lock (if exists)
 COPY package.json ./
 
+# Clean up node_modules and yarn.lock
 RUN rm -rf node_modules/
-
 RUN rm -rf yarn.lock
 
-# clear cache
+# Clear yarn cache
 RUN yarn cache clean
 
 # Install dependencies
@@ -33,15 +33,24 @@ LABEL commit_id=$COMMIT_ID
 # Copy the rest of the application
 COPY . .
 
-# Build the React app with Webpack
+# Fetch locales before building the app
+COPY fetch-locales.js .
+RUN node fetch-locales.js
+
+# Build the React app with Vite
 RUN yarn build
 
+# Stage 2: Serve the built app using nginx
 FROM nginx:mainline-alpine
 
+# Define the work directory for nginx
 ENV WORK_DIR=/var/web/sample-ui
 
+# Create the work directory
 RUN mkdir -p ${WORK_DIR}
 
-
+# Copy the build files from the previous stage
 COPY --from=build /app/dist ${WORK_DIR}/
-COPY --from=build /app/docker/nginx.conf /etc/nginx/conf.d/default.conf
+
+# Copy the nginx configuration file
+COPY --from=build /app/docker/nginx.conf /etc/nginx/conf.d/default.conf

micro-frontends/sample/fetch-locales.js

@@ -0,0 +1,27 @@
+const axios = require('axios');
+const fs = require('fs');
+const path = require('path');
+
+const locales = [
+  { lang: 'en', url: 'https://api.example.com/locales/en' },
+  { lang: 'fr', url: 'https://api.example.com/locales/fr' },
+  { lang: 'de', url: 'https://api.example.com/locales/de' }
+];
+
+const fetchLocales = async () => {
+  for (const locale of locales) {
+    try {
+      const response = await axios.get(locale.url);
+      const dir = path.join(__dirname, 'public', 'locales', locale.lang);
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir, { recursive: true });
+      }
+      fs.writeFileSync(path.join(dir, 'translation.json'), JSON.stringify(response.data, null, 2));
+      console.log(`Locale ${locale.lang} saved.`);
+    } catch (error) {
+      console.error(`Error fetching locale ${locale.lang}:`, error);
+    }
+  }
+};
+
+fetchLocales();